Palette · 8 colors · Lc 9.9
Bright Macau Ember palette
Bright Macau Ember: a 8-color palette (Turquoise, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #D7FFEE, #63DEB9, #00CC9A, #00A36A, #00895E, #005746, #002E1A, #000A06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D7FFEE
surface
#63DEB9
muted
#00CC9A
primary
#00A36A
secondary
#00895E
accent
#005746
highlight
#002E1A
text
#000A06
Colors in Bright Macau Ember: HEX, RGB, HSL & OKLCH
- #D7FFEE color page →
bg
#D7FFEE
- RGB
- rgb(215 255 238)
- HSL
- hsl(155 100% 92%)
- OKLCH
- oklch(0.967 0.047 167.8)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.42:1 (AAA)
- #63DEB9 color page →
surface
#63DEB9
- RGB
- rgb(99 222 185)
- HSL
- hsl(162 65% 63%)
- OKLCH
- oklch(0.82 0.123 170.7)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.67:1 (AAA)
- #00CC9A color page →
muted
#00CC9A
- RGB
- rgb(0 204 154)
- HSL
- hsl(165 100% 40%)
- OKLCH
- oklch(0.75 0.153 167.3)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.10:1 (AAA)
- #00A36A color page →
primary
#00A36A
- RGB
- rgb(0 163 106)
- HSL
- hsl(159 100% 32%)
- OKLCH
- oklch(0.631 0.143 159.7)
WCAG contrast: on white 3.25:1 (Fail) · on black 6.44:1 (AA)
- #00895E color page →
secondary
#00895E
- RGB
- rgb(0 137 94)
- HSL
- hsl(161 100% 27%)
- OKLCH
- oklch(0.557 0.121 162.5)
WCAG contrast: on white 4.43:1 (Fail) · on black 4.73:1 (AA)
- #005746 color page →
accent
#005746
- RGB
- rgb(0 87 70)
- HSL
- hsl(168 100% 17%)
- OKLCH
- oklch(0.407 0.078 173.5)
WCAG contrast: on white 8.56:1 (AAA) · on black 2.45:1 (Fail)
- #002E1A color page →
highlight
#002E1A
- RGB
- rgb(0 46 26)
- HSL
- hsl(154 100% 9%)
- OKLCH
- oklch(0.265 0.061 158.9)
WCAG contrast: on white 14.93:1 (AAA) · on black 1.40:1 (Fail)
- #000A06 color page →
text
#000A06
- RGB
- rgb(0 10 6)
- HSL
- hsl(156 100% 2%)
- OKLCH
- oklch(0.129 0.025 171)
WCAG contrast: on white 20.07:1 (AAA) · on black 1.04:1 (Fail)
Export Bright Macau Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d7ffee;
--surface: #63deb9;
--muted: #00cc9a;
--primary: #00a36a;
--secondary: #00895e;
--accent: #005746;
--highlight: #002e1a;
--text: #000a06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d7ffee;
--color-surface: #63deb9;
--color-muted: #00cc9a;
--color-primary: #00a36a;
--color-secondary: #00895e;
--color-accent: #005746;
--color-highlight: #002e1a;
--color-text: #000a06;
}JSON (DTCG tokens)
{
"bright-macau-ember-2lx": {
"bg": {
"$type": "color",
"$value": "#d7ffee"
},
"surface": {
"$type": "color",
"$value": "#63deb9"
},
"muted": {
"$type": "color",
"$value": "#00cc9a"
},
"primary": {
"$type": "color",
"$value": "#00a36a"
},
"secondary": {
"$type": "color",
"$value": "#00895e"
},
"accent": {
"$type": "color",
"$value": "#005746"
},
"highlight": {
"$type": "color",
"$value": "#002e1a"
},
"text": {
"$type": "color",
"$value": "#000a06"
}
}
}About this palette
Bright Macau Ember is a 8-color OKLCH-ready palette tagged turquoise, cold, 8 colors. Hex values: #D7FFEE, #63DEB9, #00CC9A, #00A36A, #00895E, #005746, #002E1A, #000A06. 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 Bright Macau Ember by OKLab color distance.