Palette · 8 colors · Lc 9.5
Bleached Olive Beacon palette
Bleached Olive Beacon: a 8-color palette (Turquoise, Cold, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #E6FEF3, #A6D7BF, #53B98A, #2F966B, #007F57, #004A2A, #002E1B, #000C06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Turquoise
- Cold
- Monochromatic
- 8 Colors
bg
#E6FEF3
surface
#A6D7BF
muted
#53B98A
primary
#2F966B
secondary
#007F57
accent
#004A2A
highlight
#002E1B
text
#000C06
Colors in Bleached Olive Beacon: HEX, RGB, HSL & OKLCH
- #E6FEF3 color page →
bg
#E6FEF3
- RGB
- rgb(230 254 243)
- HSL
- hsl(152 92% 95%)
- OKLCH
- oklch(0.977 0.029 166.5)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.83:1 (AAA)
- #A6D7BF color page →
surface
#A6D7BF
- RGB
- rgb(166 215 191)
- HSL
- hsl(151 38% 75%)
- OKLCH
- oklch(0.838 0.061 163.6)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.09:1 (AAA)
- #53B98A color page →
muted
#53B98A
- RGB
- rgb(83 185 138)
- HSL
- hsl(152 42% 53%)
- OKLCH
- oklch(0.712 0.119 161.1)
WCAG contrast: on white 2.42:1 (Fail) · on black 8.67:1 (AAA)
- #2F966B color page →
primary
#2F966B
- RGB
- rgb(47 150 107)
- HSL
- hsl(155 52% 39%)
- OKLCH
- oklch(0.603 0.115 161.5)
WCAG contrast: on white 3.68:1 (Fail) · on black 5.69:1 (AA)
- #007F57 color page →
secondary
#007F57
- RGB
- rgb(0 127 87)
- HSL
- hsl(161 100% 25%)
- OKLCH
- oklch(0.527 0.115 162.6)
WCAG contrast: on white 5.03:1 (AA) · on black 4.17:1 (Fail)
- #004A2A color page →
accent
#004A2A
- RGB
- rgb(0 74 42)
- HSL
- hsl(154 100% 15%)
- OKLCH
- oklch(0.36 0.086 156.9)
WCAG contrast: on white 10.43:1 (AAA) · on black 2.01:1 (Fail)
- #002E1B color page →
highlight
#002E1B
- RGB
- rgb(0 46 27)
- HSL
- hsl(155 100% 9%)
- OKLCH
- oklch(0.266 0.06 160.1)
WCAG contrast: on white 14.92:1 (AAA) · on black 1.40:1 (Fail)
- #000C06 color page →
text
#000C06
- RGB
- rgb(0 12 6)
- HSL
- hsl(150 100% 2%)
- OKLCH
- oklch(0.137 0.029 165.1)
WCAG contrast: on white 19.90:1 (AAA) · on black 1.05:1 (Fail)
Export Bleached Olive Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6fef3;
--surface: #a6d7bf;
--muted: #53b98a;
--primary: #2f966b;
--secondary: #007f57;
--accent: #004a2a;
--highlight: #002e1b;
--text: #000c06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6fef3;
--color-surface: #a6d7bf;
--color-muted: #53b98a;
--color-primary: #2f966b;
--color-secondary: #007f57;
--color-accent: #004a2a;
--color-highlight: #002e1b;
--color-text: #000c06;
}JSON (DTCG tokens)
{
"bleached-olive-beacon-106": {
"bg": {
"$type": "color",
"$value": "#e6fef3"
},
"surface": {
"$type": "color",
"$value": "#a6d7bf"
},
"muted": {
"$type": "color",
"$value": "#53b98a"
},
"primary": {
"$type": "color",
"$value": "#2f966b"
},
"secondary": {
"$type": "color",
"$value": "#007f57"
},
"accent": {
"$type": "color",
"$value": "#004a2a"
},
"highlight": {
"$type": "color",
"$value": "#002e1b"
},
"text": {
"$type": "color",
"$value": "#000c06"
}
}
}About this palette
Bleached Olive Beacon is a 8-color OKLCH-ready palette tagged turquoise, cold, monochromatic, 8 colors. Hex values: #E6FEF3, #A6D7BF, #53B98A, #2F966B, #007F57, #004A2A, #002E1B, #000C06. APCA contrast score Lc 9.5. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Bleached Olive Beacon by OKLab color distance.