Palette · 10 colors · Lc 8.4
Topiary Green Dune palette
Topiary Green Dune: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #F3E2D3, #C09273, #9B5B00, #6C7B10, #00755E, #006D8D, #3F5897, #7E4783, #56232D, #170D07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#F3E2D3
surface
#C09273
muted
#9B5B00
primary
#6C7B10
secondary
#00755E
accent
#006D8D
highlight
#3F5897
border
#7E4783
focus
#56232D
text
#170D07
Colors in Topiary Green Dune: HEX, RGB, HSL & OKLCH
- #F3E2D3 color page →
bg
#F3E2D3
- RGB
- rgb(243 226 211)
- HSL
- hsl(28 57% 89%)
- OKLCH
- oklch(0.922 0.027 63.9)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.63:1 (AAA)
- #C09273 color page →
surface
#C09273
- RGB
- rgb(192 146 115)
- HSL
- hsl(24 38% 60%)
- OKLCH
- oklch(0.696 0.071 55.2)
WCAG contrast: on white 2.76:1 (Fail) · on black 7.60:1 (AAA)
- #9B5B00 color page →
muted
#9B5B00
- RGB
- rgb(155 91 0)
- HSL
- hsl(35 100% 30%)
- OKLCH
- oklch(0.532 0.12 64.6)
WCAG contrast: on white 5.39:1 (AA) · on black 3.89:1 (Fail)
- #6C7B10 color page →
primary
#6C7B10
- RGB
- rgb(108 123 16)
- HSL
- hsl(68 77% 27%)
- OKLCH
- oklch(0.552 0.123 118.1)
WCAG contrast: on white 4.68:1 (AA) · on black 4.47:1 (Fail)
- #00755E color page →
secondary
#00755E
- RGB
- rgb(0 117 94)
- HSL
- hsl(168 100% 23%)
- OKLCH
- oklch(0.501 0.096 172.8)
WCAG contrast: on white 5.66:1 (AA) · on black 3.70:1 (Fail)
- #006D8D color page →
accent
#006D8D
- RGB
- rgb(0 109 141)
- HSL
- hsl(194 100% 28%)
- OKLCH
- oklch(0.499 0.096 226.9)
WCAG contrast: on white 5.87:1 (AA) · on black 3.57:1 (Fail)
- #3F5897 color page →
highlight
#3F5897
- RGB
- rgb(63 88 151)
- HSL
- hsl(223 41% 42%)
- OKLCH
- oklch(0.472 0.107 266.1)
WCAG contrast: on white 6.87:1 (AA) · on black 3.05:1 (Fail)
- #7E4783 color page →
border
#7E4783
- RGB
- rgb(126 71 131)
- HSL
- hsl(295 30% 40%)
- OKLCH
- oklch(0.487 0.112 324.1)
WCAG contrast: on white 6.73:1 (AA) · on black 3.11:1 (Fail)
- #56232D color page →
focus
#56232D
- RGB
- rgb(86 35 45)
- HSL
- hsl(348 42% 24%)
- OKLCH
- oklch(0.333 0.076 10)
WCAG contrast: on white 12.54:1 (AAA) · on black 1.67:1 (Fail)
- #170D07 color page →
text
#170D07
- RGB
- rgb(23 13 7)
- HSL
- hsl(23 53% 6%)
- OKLCH
- oklch(0.171 0.021 53.1)
WCAG contrast: on white 19.14:1 (AAA) · on black 1.09:1 (Fail)
Export Topiary Green Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3e2d3;
--surface: #c09273;
--muted: #9b5b00;
--primary: #6c7b10;
--secondary: #00755e;
--accent: #006d8d;
--highlight: #3f5897;
--border: #7e4783;
--focus: #56232d;
--text: #170d07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3e2d3;
--color-surface: #c09273;
--color-muted: #9b5b00;
--color-primary: #6c7b10;
--color-secondary: #00755e;
--color-accent: #006d8d;
--color-highlight: #3f5897;
--color-border: #7e4783;
--color-focus: #56232d;
--color-text: #170d07;
}JSON (DTCG tokens)
{
"topiary-green-dune-7ni": {
"bg": {
"$type": "color",
"$value": "#f3e2d3"
},
"surface": {
"$type": "color",
"$value": "#c09273"
},
"muted": {
"$type": "color",
"$value": "#9b5b00"
},
"primary": {
"$type": "color",
"$value": "#6c7b10"
},
"secondary": {
"$type": "color",
"$value": "#00755e"
},
"accent": {
"$type": "color",
"$value": "#006d8d"
},
"highlight": {
"$type": "color",
"$value": "#3f5897"
},
"border": {
"$type": "color",
"$value": "#7e4783"
},
"focus": {
"$type": "color",
"$value": "#56232d"
},
"text": {
"$type": "color",
"$value": "#170d07"
}
}
}About this palette
Topiary Green Dune is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #F3E2D3, #C09273, #9B5B00, #6C7B10, #00755E, #006D8D, #3F5897, #7E4783, #56232D, #170D07. 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 Topiary Green Dune by OKLab color distance.