Palette · 10 colors · Lc 10
Steady Mint Canvas palette
Steady Mint Canvas: a 10-color palette (Turquoise, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #E9FAF2, #AFE1CE, #78C6AD, #35B78C, #00926C, #00805C, #005938, #003C2C, #00271D, #000B05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9FAF2
surface
#AFE1CE
muted
#78C6AD
primary
#35B78C
secondary
#00926C
accent
#00805C
highlight
#005938
border
#003C2C
focus
#00271D
text
#000B05
Colors in Steady Mint Canvas: HEX, RGB, HSL & OKLCH
- #E9FAF2 color page →
bg
#E9FAF2
- RGB
- rgb(233 250 242)
- HSL
- hsl(152 63% 95%)
- OKLCH
- oklch(0.97 0.021 166.1)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.42:1 (AAA)
- #AFE1CE color page →
surface
#AFE1CE
- RGB
- rgb(175 225 206)
- HSL
- hsl(157 45% 78%)
- OKLCH
- oklch(0.87 0.058 169.7)
WCAG contrast: on white 1.44:1 (Fail) · on black 14.48:1 (AAA)
- #78C6AD color page →
muted
#78C6AD
- RGB
- rgb(120 198 173)
- HSL
- hsl(161 41% 62%)
- OKLCH
- oklch(0.769 0.086 171.5)
WCAG contrast: on white 2.00:1 (Fail) · on black 10.47:1 (AAA)
- #35B78C color page →
primary
#35B78C
- RGB
- rgb(53 183 140)
- HSL
- hsl(160 55% 46%)
- OKLCH
- oklch(0.699 0.129 166.3)
WCAG contrast: on white 2.52:1 (Fail) · on black 8.30:1 (AAA)
- #00926C color page →
secondary
#00926C
- RGB
- rgb(0 146 108)
- HSL
- hsl(164 100% 29%)
- OKLCH
- oklch(0.585 0.121 166.6)
WCAG contrast: on white 3.94:1 (Fail) · on black 5.32:1 (AA)
- #00805C color page →
accent
#00805C
- RGB
- rgb(0 128 92)
- HSL
- hsl(163 100% 25%)
- OKLCH
- oklch(0.532 0.112 165.1)
WCAG contrast: on white 4.95:1 (AA) · on black 4.24:1 (Fail)
- #005938 color page →
highlight
#005938
- RGB
- rgb(0 89 56)
- HSL
- hsl(158 100% 17%)
- OKLCH
- oklch(0.409 0.093 159.8)
WCAG contrast: on white 8.44:1 (AAA) · on black 2.48:1 (Fail)
- #003C2C color page →
border
#003C2C
- RGB
- rgb(0 60 44)
- HSL
- hsl(164 100% 12%)
- OKLCH
- oklch(0.316 0.064 168.6)
WCAG contrast: on white 12.47:1 (AAA) · on black 1.68:1 (Fail)
- #00271D color page →
focus
#00271D
- RGB
- rgb(0 39 29)
- HSL
- hsl(165 100% 8%)
- OKLCH
- oklch(0.243 0.047 171.4)
WCAG contrast: on white 16.05:1 (AAA) · on black 1.30:1 (Fail)
- #000B05 color page →
text
#000B05
- RGB
- rgb(0 11 5)
- HSL
- hsl(147 100% 2%)
- OKLCH
- oklch(0.132 0.029 162.9)
WCAG contrast: on white 19.99:1 (AAA) · on black 1.05:1 (Fail)
Export Steady Mint Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9faf2;
--surface: #afe1ce;
--muted: #78c6ad;
--primary: #35b78c;
--secondary: #00926c;
--accent: #00805c;
--highlight: #005938;
--border: #003c2c;
--focus: #00271d;
--text: #000b05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9faf2;
--color-surface: #afe1ce;
--color-muted: #78c6ad;
--color-primary: #35b78c;
--color-secondary: #00926c;
--color-accent: #00805c;
--color-highlight: #005938;
--color-border: #003c2c;
--color-focus: #00271d;
--color-text: #000b05;
}JSON (DTCG tokens)
{
"steady-mint-canvas-7hs": {
"bg": {
"$type": "color",
"$value": "#e9faf2"
},
"surface": {
"$type": "color",
"$value": "#afe1ce"
},
"muted": {
"$type": "color",
"$value": "#78c6ad"
},
"primary": {
"$type": "color",
"$value": "#35b78c"
},
"secondary": {
"$type": "color",
"$value": "#00926c"
},
"accent": {
"$type": "color",
"$value": "#00805c"
},
"highlight": {
"$type": "color",
"$value": "#005938"
},
"border": {
"$type": "color",
"$value": "#003c2c"
},
"focus": {
"$type": "color",
"$value": "#00271d"
},
"text": {
"$type": "color",
"$value": "#000b05"
}
}
}About this palette
Steady Mint Canvas is a 10-color OKLCH-ready palette tagged turquoise, cold, 10 colors. Hex values: #E9FAF2, #AFE1CE, #78C6AD, #35B78C, #00926C, #00805C, #005938, #003C2C, #00271D, #000B05. APCA contrast score Lc 10. 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 Steady Mint Canvas by OKLab color distance.