#B3001B
#E63946
#F8E9E9
#1D1D1D
#B00028Cranberry
#DC8D9FFlamingo
#E9DBD0Bone
#3F251EEspresso
Cranberry & Flamingo Field is a analogous color palette tagged dark, warm, red. Analogous neighbors on the wheel (Cranberry, Flamingo, Bone) give it a natural, low-tension flow. 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 |
|---|---|---|---|---|---|
| Cranberry | #B00028 | rgb(176, 0, 40) | hsl(346, 100%, 35%) | oklch(47.9% 0.193 21) | |
| Flamingo | #DC8D9F | rgb(220, 141, 159) | hsl(346, 53%, 71%) | oklch(72.9% 0.098 5) | |
| Bone | #E9DBD0 | rgb(233, 219, 208) | hsl(26, 36%, 86%) | oklch(90.0% 0.021 61) | |
| Espresso | #3F251E | rgb(63, 37, 30) | hsl(13, 35%, 18%) | oklch(29.6% 0.042 36) |
Why it works and how to use it
With 4 chromatic colors, Cranberry takes the lead while the rest support. Lightness runs from 18% to 86%. Well suited to websites, presentations and branding.
- Background: Bone (#E9DBD0) is the lightest color, so it belongs on large surfaces.
- Text: Espresso (#3F251E) on #E9DBD0 gives 10.38:1, passing WCAG AAA.
- Primary: Cranberry (#B00028) is the most saturated mid-tone; use it for buttons and links (5.39:1 against the background, fine for UI elements).
- Accent: Flamingo (#DC8D9F) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Espresso at 10.38:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Cranberry & Flamingo Field
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
#B00028
#DC8D9F
#E9DBD0
#3F251E
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E9DBD0 on #3F251E | Aa | 10.38:1 | AAA |
#DC8D9F on #3F251E | Aa | 5.59:1 | AA |
#B00028 on #E9DBD0 | Aa | 5.39:1 | AA |
#B00028 on #DC8D9F | Aa | 2.9:1 | Fail |
#B00028 on #3F251E | Aa | 1.92:1 | Fail |
#DC8D9F on #E9DBD0 | Aa | 1.86:1 | Fail |
Similar palettes 24 more in this mood
#370617
#9D0208
#E85D04
#FAA307
#4A0E0E
#9C3F3C
#C85956
#E8D8C4
#FFF3B0
#E09F3E
#9E2A2B
#540B0E
#3D0000
#95261C
#D04A28
#F4A259
#340723
#9A003B
#EC534E
#FF9D59
#8A0012
#C80E2E
#E4D5D5
#090909
#B3001B
#F2A900
#1A1A1A
#FFF5E1
#131821
#006439
#B6101C
#EEC215
#9B0012
#AD3D31
#352B15
#E4F4FF
#2A0005
#A60024
#E0788E
#E4C9B5
#3C000D
#942338
#D1454D
#FC9B6B
#EB9599
#C24754
#B00024
#4B0004
#006E21
#D9B220
#250D09
#DD0D24
#CC3C43
#00623B
#151C27
#EECA53
#055100
#1E0705
#C61715
#D9B000
#900014
#D19200
#070707
#EAE0CC
#FF7518
#1A1A1A
#921B00
#F5F5F5
#4F0007
#AE2200
#D47900
#E5A600
#590015
#9A2235
#C8B8B0
#DBD7D4
#200009
#800004
#BA4900
#D28800
#170615
#652753
#FF445F
#FFD3D9
#4A0010
#A3293B
#D62839
#FF8A80
#2B0F54
#AB1F65
#FF4F69
#FFF7F8