#00A7D3
#FFB3C1
#7BC96F
#2D6A4F
#E02B55Cerise
#E097A5Flamingo
#66B35AEmerald
#0D5036Evergreen
Cerise & Emerald Vibe is a complementary color palette tagged modern, pink, green. Near-complementary hues (about 171° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Cerise | #E02B55 | rgb(224, 43, 85) | hsl(346, 74%, 52%) | oklch(59.4% 0.213 15) | |
| Flamingo | #E097A5 | rgb(224, 151, 165) | hsl(348, 54%, 74%) | oklch(75.2% 0.089 7) | |
| Emerald | #66B35A | rgb(102, 179, 90) | hsl(112, 37%, 53%) | oklch(69.6% 0.146 141) | |
| Evergreen | #0D5036 | rgb(13, 80, 54) | hsl(157, 72%, 18%) | oklch(38.4% 0.078 162) |
Why it works and how to use it
The palette holds together thanks to its complementary hue relationship and a strong light-to-dark ladder (74% down to 18% lightness). A natural fit for websites, presentations and branding.
- Background: Flamingo (#E097A5) is the lightest color, so it belongs on large surfaces.
- Text: Evergreen (#0D5036) on #E097A5 gives 4.12:1, enough for large headings only.
- Primary: Cerise (#E02B55) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Emerald (#66B35A) 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 Cerise & Emerald Vibe
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
#E02B55
#E097A5
#66B35A
#0D5036
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E097A5 on #0D5036 | Aa | 4.12:1 | AA large only |
#66B35A on #0D5036 | Aa | 3.68:1 | AA large only |
#E02B55 on #0D5036 | Aa | 2.09:1 | Fail |
#E02B55 on #E097A5 | Aa | 1.97:1 | Fail |
#E02B55 on #66B35A | Aa | 1.76:1 | Fail |
#E097A5 on #66B35A | Aa | 1.12:1 | Fail |
Similar palettes 24 more in this mood
#D7263D
#FFFFFF
#F9C5D1
#2E7D5B
#00BA85
#FF8A9B
#C7EFCF
#3D8361
#BB002B
#E3E3E3
#D8A6B2
#0F6646
#2D6A4F
#DF808E
#95D5B2
#D8F3DC
#A9DA87
#F0989C
#B1DDF0
#4B2B2F
#0083AF
#FDFDFD
#F9C5D1
#2E7D5B
#9B6F00
#FDFDFD
#F9C5D1
#2E7D5B
#FFC7C4
#00A754
#F0F0F7
#0F0B00
#001725
#9BA0FF
#FF99B4
#A6DA7C
#FF8A96
#864554
#60AD55
#9DDCBC
#53BA80
#ADE0B4
#FFC8C4
#1B1B1E
#FAFAFA
#E5E7EB
#10B981
#111827
#FFF8F0
#FFD2CB
#FF819E
#1B3240
#8A6800
#84A347
#00C38B
#56E7F4
#1A3F1E
#475756
#007C5E
#A7CA57
#DDDEE2
#00C463
#676C7C
#17191F
#00818A
#009D8C
#31CA88
#ACE496
#CDFFC8
#3FB063
#2C7040
#004A14
#3F6D26
#9A8E38
#C4976A
#FFBAAD
#00272F
#FF9898
#E5E5E5
#FDFDFD
#3B2F0D
#7D602F
#EC9388
#FFF7F2
#E5E6E6
#F61061
#4E5756
#0E0F0F
#00616A
#4DA27C
#98AA55
#FFCA7B