#00A7D3
#FFB3C1
#7BC96F
#2D6A4F
#A9DA87Celadon
#F0989CFlamingo
#B1DDF0Powder Blue
#4B2B2FJet
Juicy Celadon & Flamingo is a complementary color palette tagged modern, green, pink. Near-complementary hues (about 159° 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 |
|---|---|---|---|---|---|
| Celadon | #A9DA87 | rgb(169, 218, 135) | hsl(95, 53%, 69%) | oklch(83.4% 0.122 133) | |
| Flamingo | #F0989C | rgb(240, 152, 156) | hsl(357, 75%, 77%) | oklch(77.0% 0.106 17) | |
| Powder Blue | #B1DDF0 | rgb(177, 221, 240) | hsl(198, 68%, 82%) | oklch(87.3% 0.053 226) | |
| Jet | #4B2B2F | rgb(75, 43, 47) | hsl(353, 27%, 23%) | oklch(33.1% 0.048 12) |
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 (82% down to 23% lightness). A natural fit for websites, presentations and branding.
- Background: Powder Blue (#B1DDF0) is the lightest color, so it belongs on large surfaces.
- Text: Jet (#4B2B2F) on #B1DDF0 gives 8.58:1, passing WCAG AAA.
- Primary: Flamingo (#F0989C) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Celadon (#A9DA87) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Powder Blue on Jet at 8.58:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Juicy Celadon & Flamingo
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
#A9DA87
#F0989C
#B1DDF0
#4B2B2F
Color-blind check: under deuteranopia and tritanopia, Celadon and Flamingo 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 |
|---|---|---|---|
#B1DDF0 on #4B2B2F | Aa | 8.58:1 | AAA |
#A9DA87 on #4B2B2F | Aa | 7.75:1 | AAA |
#F0989C on #4B2B2F | Aa | 5.74:1 | AA |
#F0989C on #B1DDF0 | Aa | 1.5:1 | Fail |
#A9DA87 on #F0989C | Aa | 1.35:1 | Fail |
#A9DA87 on #B1DDF0 | Aa | 1.11: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
#0083AF
#FDFDFD
#F9C5D1
#2E7D5B
#9B6F00
#FDFDFD
#F9C5D1
#2E7D5B
#FFC7C4
#00A754
#F0F0F7
#0F0B00
#001725
#9BA0FF
#FF99B4
#A6DA7C
#FF8A96
#864554
#60AD55
#9DDCBC
#53BA80
#ADE0B4
#FFC8C4
#1B1B1E
#E02B55
#E097A5
#66B35A
#0D5036
#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