Palette · 3 colors · Lc 9.9
Clear Irish Spring Beacon palette
Clear Irish Spring Beacon: a 3-color palette (Green, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #F2F6E5, #9AD7B3, #2C3020, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2F6E5
accent
#9AD7B3
text
#2C3020
Colors in Clear Irish Spring Beacon: HEX, RGB, HSL & OKLCH
- #F2F6E5 color page →
bg
#F2F6E5
- RGB
- rgb(242 246 229)
- HSL
- hsl(74 49% 93%)
- OKLCH
- oklch(0.966 0.023 117.6)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.08:1 (AAA)
- #9AD7B3 color page →
accent
#9AD7B3
- RGB
- rgb(154 215 179)
- HSL
- hsl(145 43% 72%)
- OKLCH
- oklch(0.828 0.08 158.2)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.74:1 (AAA)
- #2C3020 color page →
text
#2C3020
- RGB
- rgb(44 48 32)
- HSL
- hsl(75 20% 16%)
- OKLCH
- oklch(0.3 0.028 119.5)
WCAG contrast: on white 13.54:1 (AAA) · on black 1.55:1 (Fail)
Export Clear Irish Spring Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2f6e5;
--accent: #9ad7b3;
--text: #2c3020;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2f6e5;
--color-accent: #9ad7b3;
--color-text: #2c3020;
}JSON (DTCG tokens)
{
"clear-irish-spring-beacon-3we": {
"bg": {
"$type": "color",
"$value": "#f2f6e5"
},
"accent": {
"$type": "color",
"$value": "#9ad7b3"
},
"text": {
"$type": "color",
"$value": "#2c3020"
}
}
}About this palette
Clear Irish Spring Beacon is a 3-color OKLCH-ready palette tagged green, gray, cold, pastel, 3 colors. Hex values: #F2F6E5, #9AD7B3, #2C3020. APCA contrast score Lc 9.9. 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 Clear Irish Spring Beacon by OKLab color distance.