Palette · 5 colors · Lc 8.1
Bermuda Onion Quartz palette
Bermuda Onion Quartz: a 5-color palette (Red, 5 Colors). HEX, RGB, HSL and OKLCH for #F2E3F4, #9C5998, #855900, #007982, #171017, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- 5 Colors
bg
#F2E3F4
surface
#9C5998
primary
#855900
accent
#007982
text
#171017
Colors in Bermuda Onion Quartz: HEX, RGB, HSL & OKLCH
- #F2E3F4 color page →
bg
#F2E3F4
- RGB
- rgb(242 227 244)
- HSL
- hsl(293 44% 92%)
- OKLCH
- oklch(0.933 0.028 322.2)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.06:1 (AAA)
- #9C5998 color page →
surface
#9C5998
- RGB
- rgb(156 89 152)
- HSL
- hsl(304 27% 48%)
- OKLCH
- oklch(0.563 0.122 329.2)
WCAG contrast: on white 4.88:1 (AA) · on black 4.29:1 (Fail)
- #855900 color page →
primary
#855900
- RGB
- rgb(133 89 0)
- HSL
- hsl(40 100% 26%)
- OKLCH
- oklch(0.499 0.105 75.6)
WCAG contrast: on white 6.12:1 (AA) · on black 3.42:1 (Fail)
- #007982 color page →
accent
#007982
- RGB
- rgb(0 121 130)
- HSL
- hsl(184 100% 25%)
- OKLCH
- oklch(0.525 0.09 203.9)
WCAG contrast: on white 5.17:1 (AA) · on black 4.05:1 (Fail)
- #171017 color page →
text
#171017
- RGB
- rgb(23 16 23)
- HSL
- hsl(300 18% 8%)
- OKLCH
- oklch(0.185 0.018 326.3)
WCAG contrast: on white 18.70:1 (AAA) · on black 1.12:1 (Fail)
Export Bermuda Onion Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e3f4;
--surface: #9c5998;
--primary: #855900;
--accent: #007982;
--text: #171017;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e3f4;
--color-surface: #9c5998;
--color-primary: #855900;
--color-accent: #007982;
--color-text: #171017;
}JSON (DTCG tokens)
{
"bermuda-onion-quartz-671": {
"bg": {
"$type": "color",
"$value": "#f2e3f4"
},
"surface": {
"$type": "color",
"$value": "#9c5998"
},
"primary": {
"$type": "color",
"$value": "#855900"
},
"accent": {
"$type": "color",
"$value": "#007982"
},
"text": {
"$type": "color",
"$value": "#171017"
}
}
}About this palette
Bermuda Onion Quartz is a 5-color OKLCH-ready palette tagged red, 5 colors. Hex values: #F2E3F4, #9C5998, #855900, #007982, #171017. APCA contrast score Lc 8.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 Bermuda Onion Quartz by OKLab color distance.