Palette · 7 colors · Lc 9.3
Mint Orchard palette
Mint Orchard: a 7-color palette (Turquoise, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #D8F8E7, #8FDCB0, #00B082, #009367, #00653B, #003725, #000E09, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D8F8E7
surface
#8FDCB0
muted
#00B082
primary
#009367
secondary
#00653B
accent
#003725
text
#000E09
Colors in Mint Orchard: HEX, RGB, HSL & OKLCH
- #D8F8E7 color page →
bg
#D8F8E7
- RGB
- rgb(216 248 231)
- HSL
- hsl(148 70% 91%)
- OKLCH
- oklch(0.951 0.04 162.4)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.50:1 (AAA)
- #8FDCB0 color page →
surface
#8FDCB0
- RGB
- rgb(143 220 176)
- HSL
- hsl(146 52% 71%)
- OKLCH
- oklch(0.832 0.099 158.3)
WCAG contrast: on white 1.61:1 (Fail) · on black 13.03:1 (AAA)
- #00B082 color page →
muted
#00B082
- RGB
- rgb(0 176 130)
- HSL
- hsl(164 100% 35%)
- OKLCH
- oklch(0.672 0.139 166.2)
WCAG contrast: on white 2.78:1 (Fail) · on black 7.53:1 (AAA)
- #009367 color page →
primary
#009367
- RGB
- rgb(0 147 103)
- HSL
- hsl(162 100% 29%)
- OKLCH
- oklch(0.587 0.126 163.5)
WCAG contrast: on white 3.91:1 (Fail) · on black 5.36:1 (AA)
- #00653B color page →
secondary
#00653B
- RGB
- rgb(0 101 59)
- HSL
- hsl(155 100% 20%)
- OKLCH
- oklch(0.446 0.107 156.8)
WCAG contrast: on white 7.18:1 (AAA) · on black 2.92:1 (Fail)
- #003725 color page →
accent
#003725
- RGB
- rgb(0 55 37)
- HSL
- hsl(160 100% 11%)
- OKLCH
- oklch(0.298 0.063 164.5)
WCAG contrast: on white 13.34:1 (AAA) · on black 1.57:1 (Fail)
- #000E09 color page →
text
#000E09
- RGB
- rgb(0 14 9)
- HSL
- hsl(159 100% 3%)
- OKLCH
- oklch(0.146 0.028 172.3)
WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)
Export Mint Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8f8e7;
--surface: #8fdcb0;
--muted: #00b082;
--primary: #009367;
--secondary: #00653b;
--accent: #003725;
--text: #000e09;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8f8e7;
--color-surface: #8fdcb0;
--color-muted: #00b082;
--color-primary: #009367;
--color-secondary: #00653b;
--color-accent: #003725;
--color-text: #000e09;
}JSON (DTCG tokens)
{
"mint-orchard-4nx": {
"bg": {
"$type": "color",
"$value": "#d8f8e7"
},
"surface": {
"$type": "color",
"$value": "#8fdcb0"
},
"muted": {
"$type": "color",
"$value": "#00b082"
},
"primary": {
"$type": "color",
"$value": "#009367"
},
"secondary": {
"$type": "color",
"$value": "#00653b"
},
"accent": {
"$type": "color",
"$value": "#003725"
},
"text": {
"$type": "color",
"$value": "#000e09"
}
}
}About this palette
Mint Orchard is a 7-color OKLCH-ready palette tagged turquoise, cold, 7 colors. Hex values: #D8F8E7, #8FDCB0, #00B082, #009367, #00653B, #003725, #000E09. APCA contrast score Lc 9.3. 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 Mint Orchard by OKLab color distance.