Palette · 10 colors · Lc 8.8
Steady Berry Jam Vault palette
Steady Berry Jam Vault: a 10-color palette (Pink, Gray, 10 Colors). HEX, RGB, HSL and OKLCH for #D2EDE6, #90B2AD, #43807E, #4D7490, #635C87, #77516A, #7A5348, #725E33, #29351E, #060C0B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D2EDE6
surface
#90B2AD
muted
#43807E
primary
#4D7490
secondary
#635C87
accent
#77516A
highlight
#7A5348
border
#725E33
focus
#29351E
text
#060C0B
Colors in Steady Berry Jam Vault: HEX, RGB, HSL & OKLCH
- #D2EDE6 color page →
bg
#D2EDE6
- RGB
- rgb(210 237 230)
- HSL
- hsl(164 43% 88%)
- OKLCH
- oklch(0.924 0.03 178.3)
WCAG contrast: on white 1.23:1 (Fail) · on black 16.99:1 (AAA)
- #90B2AD color page →
surface
#90B2AD
- RGB
- rgb(144 178 173)
- HSL
- hsl(171 18% 63%)
- OKLCH
- oklch(0.737 0.038 185.5)
WCAG contrast: on white 2.29:1 (Fail) · on black 9.15:1 (AAA)
- #43807E color page →
muted
#43807E
- RGB
- rgb(67 128 126)
- HSL
- hsl(178 31% 38%)
- OKLCH
- oklch(0.558 0.064 192.7)
WCAG contrast: on white 4.53:1 (AA) · on black 4.62:1 (AA)
- #4D7490 color page →
primary
#4D7490
- RGB
- rgb(77 116 144)
- HSL
- hsl(205 30% 43%)
- OKLCH
- oklch(0.541 0.062 240.6)
WCAG contrast: on white 4.98:1 (AA) · on black 4.21:1 (Fail)
- #635C87 color page →
secondary
#635C87
- RGB
- rgb(99 92 135)
- HSL
- hsl(250 19% 45%)
- OKLCH
- oklch(0.499 0.068 291.2)
WCAG contrast: on white 6.15:1 (AA) · on black 3.41:1 (Fail)
- #77516A color page →
accent
#77516A
- RGB
- rgb(119 81 106)
- HSL
- hsl(321 19% 39%)
- OKLCH
- oklch(0.485 0.062 340.1)
WCAG contrast: on white 6.62:1 (AA) · on black 3.16:1 (Fail)
- #7A5348 color page →
highlight
#7A5348
- RGB
- rgb(122 83 72)
- HSL
- hsl(13 26% 38%)
- OKLCH
- oklch(0.482 0.056 36.4)
WCAG contrast: on white 6.64:1 (AA) · on black 3.15:1 (Fail)
- #725E33 color page →
border
#725E33
- RGB
- rgb(114 94 51)
- HSL
- hsl(41 38% 32%)
- OKLCH
- oklch(0.492 0.066 85)
WCAG contrast: on white 6.24:1 (AA) · on black 3.36:1 (Fail)
- #29351E color page →
focus
#29351E
- RGB
- rgb(41 53 30)
- HSL
- hsl(91 28% 16%)
- OKLCH
- oklch(0.311 0.042 130.9)
WCAG contrast: on white 12.94:1 (AAA) · on black 1.62:1 (Fail)
- #060C0B color page →
text
#060C0B
- RGB
- rgb(6 12 11)
- HSL
- hsl(170 33% 4%)
- OKLCH
- oklch(0.147 0.011 184.5)
WCAG contrast: on white 19.71:1 (AAA) · on black 1.06:1 (Fail)
Export Steady Berry Jam Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d2ede6;
--surface: #90b2ad;
--muted: #43807e;
--primary: #4d7490;
--secondary: #635c87;
--accent: #77516a;
--highlight: #7a5348;
--border: #725e33;
--focus: #29351e;
--text: #060c0b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d2ede6;
--color-surface: #90b2ad;
--color-muted: #43807e;
--color-primary: #4d7490;
--color-secondary: #635c87;
--color-accent: #77516a;
--color-highlight: #7a5348;
--color-border: #725e33;
--color-focus: #29351e;
--color-text: #060c0b;
}JSON (DTCG tokens)
{
"steady-berry-jam-vault-2ci": {
"bg": {
"$type": "color",
"$value": "#d2ede6"
},
"surface": {
"$type": "color",
"$value": "#90b2ad"
},
"muted": {
"$type": "color",
"$value": "#43807e"
},
"primary": {
"$type": "color",
"$value": "#4d7490"
},
"secondary": {
"$type": "color",
"$value": "#635c87"
},
"accent": {
"$type": "color",
"$value": "#77516a"
},
"highlight": {
"$type": "color",
"$value": "#7a5348"
},
"border": {
"$type": "color",
"$value": "#725e33"
},
"focus": {
"$type": "color",
"$value": "#29351e"
},
"text": {
"$type": "color",
"$value": "#060c0b"
}
}
}About this palette
Steady Berry Jam Vault is a 10-color OKLCH-ready palette tagged pink, gray, 10 colors. Hex values: #D2EDE6, #90B2AD, #43807E, #4D7490, #635C87, #77516A, #7A5348, #725E33, #29351E, #060C0B. APCA contrast score Lc 8.8. 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 Berry Jam Vault by OKLab color distance.