Palette · 10 colors · Lc 9.1
Pure Nattō Harbor palette
Pure Nattō Harbor: a 10-color palette (Green, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #FFEDD6, #EED4A0, #DAB87B, #C89636, #9F7D00, #896500, #634900, #493400, #261900, #130C00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEDD6
surface
#EED4A0
muted
#DAB87B
primary
#C89636
secondary
#9F7D00
accent
#896500
highlight
#634900
border
#493400
focus
#261900
text
#130C00
Colors in Pure Nattō Harbor: HEX, RGB, HSL & OKLCH
- #FFEDD6 color page →
bg
#FFEDD6
- RGB
- rgb(255 237 214)
- HSL
- hsl(34 100% 92%)
- OKLCH
- oklch(0.954 0.036 74.1)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.33:1 (AAA)
- #EED4A0 color page →
surface
#EED4A0
- RGB
- rgb(238 212 160)
- HSL
- hsl(40 70% 78%)
- OKLCH
- oklch(0.879 0.073 84.4)
WCAG contrast: on white 1.44:1 (Fail) · on black 14.56:1 (AAA)
- #DAB87B color page →
muted
#DAB87B
- RGB
- rgb(218 184 123)
- HSL
- hsl(39 56% 67%)
- OKLCH
- oklch(0.799 0.088 81.5)
WCAG contrast: on white 1.88:1 (Fail) · on black 11.12:1 (AAA)
- #C89636 color page →
primary
#C89636
- RGB
- rgb(200 150 54)
- HSL
- hsl(39 57% 50%)
- OKLCH
- oklch(0.704 0.125 80.1)
WCAG contrast: on white 2.66:1 (Fail) · on black 7.87:1 (AAA)
- #9F7D00 color page →
secondary
#9F7D00
- RGB
- rgb(159 125 0)
- HSL
- hsl(47 100% 31%)
- OKLCH
- oklch(0.605 0.124 89.5)
WCAG contrast: on white 3.88:1 (Fail) · on black 5.40:1 (AA)
- #896500 color page →
accent
#896500
- RGB
- rgb(137 101 0)
- HSL
- hsl(44 100% 27%)
- OKLCH
- oklch(0.529 0.109 84)
WCAG contrast: on white 5.35:1 (AA) · on black 3.92:1 (Fail)
- #634900 color page →
highlight
#634900
- RGB
- rgb(99 73 0)
- HSL
- hsl(44 100% 19%)
- OKLCH
- oklch(0.422 0.086 85.1)
WCAG contrast: on white 8.45:1 (AAA) · on black 2.48:1 (Fail)
- #493400 color page →
border
#493400
- RGB
- rgb(73 52 0)
- HSL
- hsl(43 100% 14%)
- OKLCH
- oklch(0.34 0.07 83.6)
WCAG contrast: on white 11.83:1 (AAA) · on black 1.77:1 (Fail)
- #261900 color page →
focus
#261900
- RGB
- rgb(38 25 0)
- HSL
- hsl(39 100% 7%)
- OKLCH
- oklch(0.224 0.046 82.5)
WCAG contrast: on white 17.19:1 (AAA) · on black 1.22:1 (Fail)
- #130C00 color page →
text
#130C00
- RGB
- rgb(19 12 0)
- HSL
- hsl(38 100% 4%)
- OKLCH
- oklch(0.159 0.033 87.5)
WCAG contrast: on white 19.43:1 (AAA) · on black 1.08:1 (Fail)
Export Pure Nattō Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffedd6;
--surface: #eed4a0;
--muted: #dab87b;
--primary: #c89636;
--secondary: #9f7d00;
--accent: #896500;
--highlight: #634900;
--border: #493400;
--focus: #261900;
--text: #130c00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffedd6;
--color-surface: #eed4a0;
--color-muted: #dab87b;
--color-primary: #c89636;
--color-secondary: #9f7d00;
--color-accent: #896500;
--color-highlight: #634900;
--color-border: #493400;
--color-focus: #261900;
--color-text: #130c00;
}JSON (DTCG tokens)
{
"pure-natt-harbor-7pc": {
"bg": {
"$type": "color",
"$value": "#ffedd6"
},
"surface": {
"$type": "color",
"$value": "#eed4a0"
},
"muted": {
"$type": "color",
"$value": "#dab87b"
},
"primary": {
"$type": "color",
"$value": "#c89636"
},
"secondary": {
"$type": "color",
"$value": "#9f7d00"
},
"accent": {
"$type": "color",
"$value": "#896500"
},
"highlight": {
"$type": "color",
"$value": "#634900"
},
"border": {
"$type": "color",
"$value": "#493400"
},
"focus": {
"$type": "color",
"$value": "#261900"
},
"text": {
"$type": "color",
"$value": "#130c00"
}
}
}About this palette
Pure Nattō Harbor is a 10-color OKLCH-ready palette tagged green, warm, 10 colors. Hex values: #FFEDD6, #EED4A0, #DAB87B, #C89636, #9F7D00, #896500, #634900, #493400, #261900, #130C00. APCA contrast score Lc 9.1. 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 Pure Nattō Harbor by OKLab color distance.