#00A7D3
#FFB3C1
#7BC96F
#2D6A4F
#EF89A5Flamingo
#5F3F48Eggplant
#9FB89ESage
#D2E5D6Bone
Flamingo & Eggplant Hour is a complementary color palette tagged modern, pink. Near-complementary hues (about 150° apart) make this a high-contrast, attention-grabbing combination. 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 |
|---|---|---|---|---|---|
| Flamingo | #EF89A5 | rgb(239, 137, 165) | hsl(344, 76%, 74%) | oklch(74.7% 0.127 3) | |
| Eggplant | #5F3F48 | rgb(95, 63, 72) | hsl(343, 20%, 31%) | oklch(40.7% 0.047 1) | |
| Sage | #9FB89E | rgb(159, 184, 158) | hsl(118, 15%, 67%) | oklch(75.6% 0.046 144) | |
| Bone | #D2E5D6 | rgb(210, 229, 214) | hsl(133, 27%, 86%) | oklch(90.4% 0.029 152) |
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 (86% down to 31% lightness). A natural fit for websites, presentations and branding.
- Background: Bone (#D2E5D6) is the lightest color, so it belongs on large surfaces.
- Text: Eggplant (#5F3F48) on #D2E5D6 gives 6.95:1, passing WCAG AA.
- Primary: Flamingo (#EF89A5) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Sage (#9FB89E) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Eggplant on Bone at 6.95:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Flamingo & Eggplant Hour
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
#EF89A5
#5F3F48
#9FB89E
#D2E5D6
Color-blind check: under deuteranopia, Flamingo and Sage 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 |
|---|---|---|---|
#5F3F48 on #D2E5D6 | Aa | 6.95:1 | AA |
#5F3F48 on #9FB89E | Aa | 4.29:1 | AA large only |
#EF89A5 on #5F3F48 | Aa | 3.84:1 | AA large only |
#EF89A5 on #D2E5D6 | Aa | 1.81:1 | Fail |
#9FB89E on #D2E5D6 | Aa | 1.62:1 | Fail |
#EF89A5 on #9FB89E | Aa | 1.12:1 | Fail |
Similar palettes 24 more in this mood
#FFF8F0
#FFD2CB
#FF819E
#1B3240
#00272F
#FF9898
#E5E5E5
#FDFDFD
#3B2F0D
#7D602F
#EC9388
#FFF7F2
#E5E6E6
#F61061
#4E5756
#0E0F0F
#ECF1F7
#FF2A6C
#4E6074
#222A32
#D7263D
#FFFFFF
#F9C5D1
#2E7D5B
#00BA85
#FF8A9B
#C7EFCF
#3D8361
#8D5A56
#BBA690
#F297AF
#F7D8CA
#A44042
#9F54A6
#8C75C6
#DD92B2
#655B57
#F36893
#C3A7A5
#FFF1E6
#BB002B
#E3E3E3
#D8A6B2
#0F6646
#00977C
#FF69B4
#FFB6D9
#FFF0F7
#00B4B4
#008E90
#F5F0E1
#FD94A5
#FAFAF8
#D9D9D4
#FF9B97
#1E1E1C
#FFFFFF
#FFD6E8
#FF2E88
#1A1A1A
#FF75AC
#FFB1D4
#1A305D
#FAFAFD
#D3363D
#FF8474
#FFD9D4
#FAFAFA
#002A2C
#048F7B
#F983B2
#FFF3E0
#09090C
#3C3C44
#CF6274
#DADADC
#FFF8F9
#FBE1E7
#E75480
#2D1F26
#2D6A4F
#DF808E
#95D5B2
#D8F3DC
#303538
#5D6D79
#D5FFA6
#FFB9D1
#A9DA87
#F0989C
#B1DDF0
#4B2B2F