#FFB9CA
#FFF5F7
#B2CBB1
#4F6053
#1D1B1CRaisin
#D4C3CDThistle
#AFEC7CMint
#F5F3F4Smoke
Spring Mint & Thistle is a neutral-based color palette tagged spring, minimal, gray. Mint is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Raisin | #1D1B1C | rgb(29, 27, 28) | hsl(330, 4%, 11%) | oklch(22.5% 0.004 346) | |
| Thistle | #D4C3CD | rgb(212, 195, 205) | hsl(325, 17%, 80%) | oklch(83.4% 0.023 341) | |
| Mint | #AFEC7C | rgb(175, 236, 124) | hsl(93, 75%, 71%) | oklch(87.7% 0.156 132) | |
| Smoke | #F5F3F4 | rgb(245, 243, 244) | hsl(330, 9%, 96%) | oklch(96.6% 0.003 345) |
Why it works and how to use it
It works because the lightness range is wide (11% to 96%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Smoke (#F5F3F4) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#1D1B1C) on #F5F3F4 gives 15.51:1, passing WCAG AAA.
- Primary: Mint (#AFEC7C) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Thistle (#D4C3CD) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Smoke at 15.51:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Spring Mint & Thistle
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#1D1B1C
#D4C3CD
#AFEC7C
#F5F3F4
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#1D1B1C on #F5F3F4 | Aa | 15.51:1 | AAA |
#1D1B1C on #AFEC7C | Aa | 12.33:1 | AAA |
#1D1B1C on #D4C3CD | Aa | 10.19:1 | AAA |
#D4C3CD on #F5F3F4 | Aa | 1.52:1 | Fail |
#AFEC7C on #F5F3F4 | Aa | 1.26:1 | Fail |
#D4C3CD on #AFEC7C | Aa | 1.21:1 | Fail |
Similar palettes 24 more in this mood
#FFF4F6
#FFC9D6
#FFE7A8
#7A5C6B
#C3E8B9
#DEDA5E
#26E3B7
#70D0D9
#3FA6F5
#F7AFC8
#CAE4A4
#FFCCD5
#F7D8A8
#A5C786
#E5945E
#AEAA73
#B79E6D
#AAE478
#A3E1BA
#ECEA76
#F6FBEF
#CDE7B0
#7FB069
#3B5A3A
#FF6B8B
#FFD166
#8CD790
#FFFFFF
#48BC75
#6CBFB4
#48D9F7
#CFE9FF
#C1E6AA
#C6C978
#ED9018
#C4A24F
#63AEA6
#65CB9E
#82CEFA
#B7F3FF
#ADAC08
#4AC6A2
#E3A52C
#9BE68A
#DA8996
#EDD5A0
#A6CEA7
#FDFDFD
#00B9DB
#6EBD62
#00CEC9
#7EFFCE
#BBB169
#ECA83A
#FFB993
#CAF78C
#84C588
#11D5AF
#BDCC91
#6FEEF4
#85CAA2
#E4DD62
#7BF1E2
#CBEEB1
#B2DAB0
#1AE0FA
#68D7AC
#56B8B0
#EAE9AC
#A5E5AC
#F0C457
#8BAB5F
#F6FBEF
#B4ECC6
#55B68B
#285C4B
#80FEFA
#AFF0A1
#9DE0C3
#B0B864
#FFF8FA
#FFC1CE
#A9D9B9
#697E71
#437F63
#6CD0A0
#AAEAC7
#F0FFF2
#2D6A4F
#52B788
#95D5B2
#D8F3DC