Palette · 6 colors · Lc 8.7
Surgical Atelier palette
Surgical Atelier: a 6-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DAF1F7, #9CCDD4, #499DB7, #00687B, #003C43, #000E18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAF1F7
surface
#9CCDD4
muted
#499DB7
primary
#00687B
accent
#003C43
text
#000E18
Colors in Surgical Atelier: HEX, RGB, HSL & OKLCH
- #DAF1F7 color page →
bg
#DAF1F7
- RGB
- rgb(218 241 247)
- HSL
- hsl(192 64% 91%)
- OKLCH
- oklch(0.943 0.026 215.1)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.90:1 (AAA)
- #9CCDD4 color page →
surface
#9CCDD4
- RGB
- rgb(156 205 212)
- HSL
- hsl(188 39% 72%)
- OKLCH
- oklch(0.816 0.052 207.1)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.09:1 (AAA)
- #499DB7 color page →
muted
#499DB7
- RGB
- rgb(73 157 183)
- HSL
- hsl(194 43% 50%)
- OKLCH
- oklch(0.654 0.089 221.1)
WCAG contrast: on white 3.09:1 (Fail) · on black 6.78:1 (AA)
- #00687B color page →
primary
#00687B
- RGB
- rgb(0 104 123)
- HSL
- hsl(189 100% 24%)
- OKLCH
- oklch(0.477 0.085 216.1)
WCAG contrast: on white 6.42:1 (AA) · on black 3.26:1 (Fail)
- #003C43 color page →
accent
#003C43
- RGB
- rgb(0 60 67)
- HSL
- hsl(186 100% 13%)
- OKLCH
- oklch(0.326 0.056 207.7)
WCAG contrast: on white 12.15:1 (AAA) · on black 1.72:1 (Fail)
- #000E18 color page →
text
#000E18
- RGB
- rgb(0 14 24)
- HSL
- hsl(205 100% 5%)
- OKLCH
- oklch(0.155 0.033 235.2)
WCAG contrast: on white 19.51:1 (AAA) · on black 1.07:1 (Fail)
Export Surgical Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #daf1f7;
--surface: #9ccdd4;
--muted: #499db7;
--primary: #00687b;
--accent: #003c43;
--text: #000e18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #daf1f7;
--color-surface: #9ccdd4;
--color-muted: #499db7;
--color-primary: #00687b;
--color-accent: #003c43;
--color-text: #000e18;
}JSON (DTCG tokens)
{
"surgical-atelier-2ue": {
"bg": {
"$type": "color",
"$value": "#daf1f7"
},
"surface": {
"$type": "color",
"$value": "#9ccdd4"
},
"muted": {
"$type": "color",
"$value": "#499db7"
},
"primary": {
"$type": "color",
"$value": "#00687b"
},
"accent": {
"$type": "color",
"$value": "#003c43"
},
"text": {
"$type": "color",
"$value": "#000e18"
}
}
}About this palette
Surgical Atelier is a 6-color OKLCH-ready palette tagged blue, cold, ocean, nature, 6 colors. Hex values: #DAF1F7, #9CCDD4, #499DB7, #00687B, #003C43, #000E18. APCA contrast score Lc 8.7. 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 Surgical Atelier by OKLab color distance.