#40513B
#609966
#9DC08B
#EDF1D6
#6A994EBasil
#A7C957Pistachio
#F2E8CFParchment
#BC4749Paprika
Meadow Bloom is a split color palette tagged nature, green, red. A split scheme: Basil plays against Paprika across roughly 99° 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 |
|---|---|---|---|---|---|
| Basil | #6A994E | rgb(106, 153, 78) | hsl(98, 32%, 45%) | oklch(63.1% 0.117 135) | |
| Pistachio | #A7C957 | rgb(167, 201, 87) | hsl(78, 51%, 56%) | oklch(78.7% 0.146 124) | |
| Parchment | #F2E8CF | rgb(242, 232, 207) | hsl(43, 57%, 88%) | oklch(93.2% 0.035 89) | |
| Paprika | #BC4749 | rgb(188, 71, 73) | hsl(359, 47%, 51%) | oklch(55.7% 0.151 22) |
Why it works and how to use it
It works because the lightness steps are gentle (45% to 88%), which keeps the mood consistent from edge to edge. Try it for wellness, organic and outdoor brands.
- Background: Parchment (#F2E8CF) is the lightest color, so it belongs on large surfaces.
- Text: Paprika (#BC4749) on #F2E8CF gives 4.16:1, enough for large headings only.
- Primary: Pistachio (#A7C957) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Basil (#6A994E) 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 Meadow Bloom
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
#6A994E
#A7C957
#F2E8CF
#BC4749
Color-blind check: under deuteranopia, Basil and Paprika 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 |
|---|---|---|---|
#F2E8CF on #BC4749 | Aa | 4.16:1 | AA large only |
#6A994E on #F2E8CF | Aa | 2.74:1 | Fail |
#A7C957 on #BC4749 | Aa | 2.69:1 | Fail |
#6A994E on #A7C957 | Aa | 1.77:1 | Fail |
#A7C957 on #F2E8CF | Aa | 1.55:1 | Fail |
#6A994E on #BC4749 | Aa | 1.52:1 | Fail |
Similar palettes 24 more in this mood
#F4A259
#F4E285
#8CB369
#5B8E7D
#F7F7EC
#D6E4B8
#A9C48A
#3F5233
#554910
#A76704
#A5BC85
#FFC5B2
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#005313
#186F08
#4F8F45
#8FCD85
#8AA944
#00967D
#007D82
#285A34
#727B00
#D2A682
#87D07C
#F9CF62
#684200
#688928
#1FA15B
#D6C03B
#00480D
#005748
#007E8C
#5A96BD
#293515
#447F4A
#209E77
#ACAB82
#9DD6C7
#A4BB44
#A18000
#4C7653
#4EA26C
#AB8F00
#89B56D
#BBC649
#003E41
#005E1A
#008C72
#3787A7
#9AC97E
#7FA16A
#547B3C
#0B4B00
#363300
#006469
#007C60
#599E41
#006325
#3CA081
#9EB57F
#18DAD3
#AECC9F
#E2F9B8
#F4EEDF
#DE9390
#404F1C
#00564B
#78A484
#D8C46F
#8DA689
#1EAE81
#009590
#575E24
#676418
#48795B
#95AB83
#4FC5B1
#E7AB4A
#DEEA8E
#74B87C
#558E88
#213C04
#356344
#1C8888
#6F9C8F
#647B40
#2D6A65
#025934
#3E3300