Palette · 8 colors · Lc 8.4
Classic Highlands Beacon palette
Classic Highlands Beacon: a 8-color palette (Turquoise, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #E7EDEB, #ABCCC4, #7AABA2, #4E8880, #416D67, #1C453F, #082721, #0B0E0D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Turquoise
- Gray
- Cold
- Monochromatic
- 8 Colors
bg
#E7EDEB
surface
#ABCCC4
muted
#7AABA2
primary
#4E8880
secondary
#416D67
accent
#1C453F
highlight
#082721
text
#0B0E0D
Colors in Classic Highlands Beacon: HEX, RGB, HSL & OKLCH
- #E7EDEB color page →
bg
#E7EDEB
- RGB
- rgb(231 237 235)
- HSL
- hsl(160 14% 92%)
- OKLCH
- oklch(0.941 0.007 174.4)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.71:1 (AAA)
- #ABCCC4 color page →
surface
#ABCCC4
- RGB
- rgb(171 204 196)
- HSL
- hsl(165 24% 74%)
- OKLCH
- oklch(0.819 0.037 179)
WCAG contrast: on white 1.72:1 (Fail) · on black 12.16:1 (AAA)
- #7AABA2 color page →
muted
#7AABA2
- RGB
- rgb(122 171 162)
- HSL
- hsl(169 23% 57%)
- OKLCH
- oklch(0.704 0.054 182.1)
WCAG contrast: on white 2.56:1 (Fail) · on black 8.17:1 (AAA)
- #4E8880 color page →
primary
#4E8880
- RGB
- rgb(78 136 128)
- HSL
- hsl(172 27% 42%)
- OKLCH
- oklch(0.585 0.062 184.4)
WCAG contrast: on white 4.07:1 (Fail) · on black 5.15:1 (AA)
- #416D67 color page →
secondary
#416D67
- RGB
- rgb(65 109 103)
- HSL
- hsl(172 25% 34%)
- OKLCH
- oklch(0.501 0.05 184.8)
WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)
- #1C453F color page →
accent
#1C453F
- RGB
- rgb(28 69 63)
- HSL
- hsl(171 42% 19%)
- OKLCH
- oklch(0.359 0.047 182.7)
WCAG contrast: on white 10.64:1 (AAA) · on black 1.97:1 (Fail)
- #082721 color page →
highlight
#082721
- RGB
- rgb(8 39 33)
- HSL
- hsl(168 66% 9%)
- OKLCH
- oklch(0.248 0.038 177.8)
WCAG contrast: on white 15.87:1 (AAA) · on black 1.32:1 (Fail)
- #0B0E0D color page →
text
#0B0E0D
- RGB
- rgb(11 14 13)
- HSL
- hsl(160 12% 5%)
- OKLCH
- oklch(0.16 0.005 173.6)
WCAG contrast: on white 19.39:1 (AAA) · on black 1.08:1 (Fail)
Export Classic Highlands Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7edeb;
--surface: #abccc4;
--muted: #7aaba2;
--primary: #4e8880;
--secondary: #416d67;
--accent: #1c453f;
--highlight: #082721;
--text: #0b0e0d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7edeb;
--color-surface: #abccc4;
--color-muted: #7aaba2;
--color-primary: #4e8880;
--color-secondary: #416d67;
--color-accent: #1c453f;
--color-highlight: #082721;
--color-text: #0b0e0d;
}JSON (DTCG tokens)
{
"classic-highlands-beacon-4q9": {
"bg": {
"$type": "color",
"$value": "#e7edeb"
},
"surface": {
"$type": "color",
"$value": "#abccc4"
},
"muted": {
"$type": "color",
"$value": "#7aaba2"
},
"primary": {
"$type": "color",
"$value": "#4e8880"
},
"secondary": {
"$type": "color",
"$value": "#416d67"
},
"accent": {
"$type": "color",
"$value": "#1c453f"
},
"highlight": {
"$type": "color",
"$value": "#082721"
},
"text": {
"$type": "color",
"$value": "#0b0e0d"
}
}
}About this palette
Classic Highlands Beacon is a 8-color OKLCH-ready palette tagged turquoise, gray, cold, monochromatic, 8 colors. Hex values: #E7EDEB, #ABCCC4, #7AABA2, #4E8880, #416D67, #1C453F, #082721, #0B0E0D. APCA contrast score Lc 8.4. 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 Classic Highlands Beacon by OKLab color distance.