#F7F7EC
#D6E4B8
#A9C48A
#3F5233
#AECC9FCeladon
#E2F9B8Vanilla
#F4EEDFLinen
#DE9390Tulip
Crimson Tulip & Vanilla is a pastel light, split color palette tagged nature, pastel, muted. The hues span about 98°, enough contrast to create a focal point without the harshness of true complements. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Celadon | #AECC9F | rgb(174, 204, 159) | hsl(100, 31%, 71%) | oklch(81.1% 0.070 135) | |
| Vanilla | #E2F9B8 | rgb(226, 249, 184) | hsl(81, 84%, 85%) | oklch(95.0% 0.088 124) | |
| Linen | #F4EEDF | rgb(244, 238, 223) | hsl(43, 49%, 92%) | oklch(95.0% 0.021 89) | |
| Tulip | #DE9390 | rgb(222, 147, 144) | hsl(2, 54%, 72%) | oklch(73.8% 0.091 22) |
Why it works and how to use it
With 4 chromatic colors, Linen takes the lead while the rest support. Lightness runs from 71% to 92%. Well suited to wellness, organic and outdoor brands.
- Background: Vanilla (#E2F9B8) is the lightest color, so it belongs on large surfaces.
- Text: Tulip (#DE9390) on #E2F9B8 gives 2.13:1, so pair it with a darker neutral for body copy.
- Primary: Linen (#F4EEDF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Celadon (#AECC9F) 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 Crimson Tulip & Vanilla
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
#AECC9F
#E2F9B8
#F4EEDF
#DE9390
Color-blind check: under deuteranopia, Celadon and Tulip 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 |
|---|---|---|---|
#E2F9B8 on #DE9390 | Aa | 2.13:1 | Fail |
#F4EEDF on #DE9390 | Aa | 2.09:1 | Fail |
#AECC9F on #E2F9B8 | Aa | 1.55:1 | Fail |
#AECC9F on #F4EEDF | Aa | 1.52:1 | Fail |
#AECC9F on #DE9390 | Aa | 1.37:1 | Fail |
#E2F9B8 on #F4EEDF | Aa | 1.02:1 | Fail |
Similar palettes 24 more in this mood
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#2D6A4F
#40916C
#B7E4C7
#FFFDF7
#3F5A36
#7A9B5C
#C9D8A8
#F9F8F1
#56724D
#96B878
#E4F3C2
#FBFAF3
#506B57
#7AAA84
#B9F1BC
#E3F4E6
#467450
#79AB79
#C7E8B8
#F7FDF1
#FFBB81
#FFFBE4
#A4CC81
#77AB99
#525F34
#869656
#BECC85
#FCFBEF
#3E4A1F
#6B7A3A
#A3B06A
#F3F2E6
#40513B
#609966
#9DC08B
#EDF1D6
#213C04
#356344
#1C8888
#6F9C8F
#647B40
#2D6A65
#025934
#3E3300
#82AC82
#6F7A56
#006D51
#003F3C
#667A56
#A2B389
#DAC799
#9D697A
#414832
#6E7756
#A5AD88
#F2F2EB
#3B2E23
#6B5A3E
#8FA26B
#EEF0E4
#4F4236
#827053
#A4B77F
#FAFCEF
#225133
#368D51
#74D47E
#F0FFF2
#F4A259
#F4E285
#8CB369
#5B8E7D
#554910
#A76704
#A5BC85
#FFC5B2
#6A994E
#A7C957
#F2E8CF
#BC4749
#005313
#186F08
#4F8F45
#8FCD85
#8AA944
#00967D
#007D82
#285A34