#727B00
#D2A682
#87D07C
#F9CF62
#5B7F3AFern
#9BB868Pistachio
#E9C46ASaffron
#B5567AMulberry
Wildflower is a split color palette tagged nature, warm, green. A split scheme: Fern plays against Mulberry across roughly 114° 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 |
|---|---|---|---|---|---|
| Fern | #5B7F3A | rgb(91, 127, 58) | hsl(91, 37%, 36%) | oklch(55.3% 0.106 132) | |
| Pistachio | #9BB868 | rgb(155, 184, 104) | hsl(82, 36%, 56%) | oklch(74.2% 0.111 125) | |
| Saffron | #E9C46A | rgb(233, 196, 106) | hsl(43, 74%, 66%) | oklch(83.4% 0.117 87) | |
| Mulberry | #B5567A | rgb(181, 86, 122) | hsl(337, 39%, 52%) | oklch(58.0% 0.129 358) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a soft light-to-dark ladder (66% down to 36% lightness). A natural fit for wellness, organic and outdoor brands.
- Background: Saffron (#E9C46A) is the lightest color, so it belongs on large surfaces.
- Text: Fern (#5B7F3A) on #E9C46A gives 2.77:1, so pair it with a darker neutral for body copy.
- Primary: Mulberry (#B5567A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Pistachio (#9BB868) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Wildflower
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
#5B7F3A
#9BB868
#E9C46A
#B5567A
Color-blind check: under protanopia and deuteranopia, Pistachio and Saffron 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 |
|---|---|---|---|
#5B7F3A on #E9C46A | Aa | 2.77:1 | Fail |
#E9C46A on #B5567A | Aa | 2.75:1 | Fail |
#5B7F3A on #9BB868 | Aa | 2.08:1 | Fail |
#9BB868 on #B5567A | Aa | 2.06:1 | Fail |
#9BB868 on #E9C46A | Aa | 1.33:1 | Fail |
#5B7F3A on #B5567A | Aa | 1.01:1 | Fail |
Similar palettes 24 more in this mood
#684200
#688928
#1FA15B
#D6C03B
#554910
#A76704
#A5BC85
#FFC5B2
#603E2D
#9D6B03
#7F9A6E
#ADA643
#404F1C
#00564B
#78A484
#D8C46F
#00937E
#3CA665
#8C9E78
#C1B84B
#554223
#9B8A00
#93A869
#DAA785
#8FCF94
#B68C62
#869937
#776000
#667A56
#A2B389
#DAC799
#9D697A
#40513B
#609966
#9DC08B
#EDF1D6
#F4A259
#F4E285
#8CB369
#5B8E7D
#F7F7EC
#D6E4B8
#A9C48A
#3F5233
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#6A994E
#A7C957
#F2E8CF
#BC4749
#C6CD7D
#EA8D6D
#A59775
#864D00
#005313
#186F08
#4F8F45
#8FCD85
#8AA944
#00967D
#007D82
#285A34
#00480D
#005748
#007E8C
#5A96BD
#293515
#447F4A
#209E77
#ACAB82
#9DD6C7
#A4BB44
#A18000
#4C7653
#4EA26C
#AB8F00
#89B56D
#BBC649
#94364E
#915A0E
#CC9F91
#C7C09A
#003E41
#005E1A
#008C72
#3787A7
#9AC97E
#7FA16A
#547B3C
#0B4B00