#19292F
#71838B
#EEE431
#E9F3F8
#F9F0F7Smoke
#ADD500Pear
#D1B7CCThistle
#291D27Raisin
Groovy Pear & Thistle is a split color palette tagged retro, minimal, white. A split scheme: Pear plays against Thistle across roughly 119° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Smoke | #F9F0F7 | rgb(249, 240, 247) | hsl(313, 43%, 96%) | oklch(96.4% 0.013 333) | |
| Pear | #ADD500 | rgb(173, 213, 0) | hsl(71, 100%, 42%) | oklch(81.5% 0.198 122) | |
| Thistle | #D1B7CC | rgb(209, 183, 204) | hsl(312, 22%, 77%) | oklch(80.8% 0.041 332) | |
| Raisin | #291D27 | rgb(41, 29, 39) | hsl(310, 17%, 14%) | oklch(25.0% 0.026 332) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Pear to lead. Lightness runs from 14% to 96%. Well suited to websites, presentations and branding.
- Background: Smoke (#F9F0F7) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#291D27) on #F9F0F7 gives 14.5:1, passing WCAG AAA.
- Primary: Pear (#ADD500) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Thistle (#D1B7CC) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Raisin at 14.5:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Groovy Pear & 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
#F9F0F7
#ADD500
#D1B7CC
#291D27
Color-blind check: under tritanopia, Pear and Thistle become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F9F0F7 on #291D27 | Aa | 14.5:1 | AAA |
#ADD500 on #291D27 | Aa | 9.46:1 | AAA |
#D1B7CC on #291D27 | Aa | 8.74:1 | AAA |
#F9F0F7 on #D1B7CC | Aa | 1.66:1 | Fail |
#F9F0F7 on #ADD500 | Aa | 1.53:1 | Fail |
#ADD500 on #D1B7CC | Aa | 1.08:1 | Fail |
Similar palettes 24 more in this mood
#FBF6FA
#C9B3C6
#00A44D
#1E171D
#283A31
#E623B0
#A5C6B5
#F0FBF5
#1B242E
#D3BF00
#B7CEE9
#F1F7FE
#EEF2F1
#BFDAD3
#8059BD
#141B1A
#2B0F54
#AB1F65
#FF4F69
#FFF7F8
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#2B2B2B
#E63946
#F1FAEE
#457B9D
#13405A
#F14740
#FFA15F
#FFFBE4
#3A0546
#B31D33
#FD5B03
#FFF7F8
#66478D
#926DBA
#FFD050
#FCFAF5
#1F333D
#F749B0
#A1CEE3
#DBE8EE
#393A3C
#00BD3A
#ACB3C1
#E8E8EA
#E9E9F5
#FCAF0C
#B8B7D3
#222132
#271D3F
#8E4864
#D6797F
#FCF8F9
#2B2B2B
#D35900
#F1FAEE
#5B75A3
#F44942
#FF9B52
#FFE1B0
#FFFBE4
#F8884B
#FFD487
#A47441
#FFFAED
#3E3E3E
#FF676A
#F4FDF1
#598FB2
#AC2B63
#FFB778
#399E8E
#F4EBD9
#41296E
#C83E7D
#FF8D94
#FFF8F9
#12195A
#992C90
#F252A7
#FFF7F8
#2D7A70
#4BB7A8
#FFE4A4
#FFFAEC
#45365A
#77648D
#D6BC7E
#F7F6F3