Palette · 10 colors · Lc 9.2
Oasis Signal palette
Oasis Signal: a 10-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DAF5F8, #ADD9DF, #80C0C3, #4FABB2, #278E9C, #007283, #006365, #004F4C, #002F37, #00111A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAF5F8
surface
#ADD9DF
muted
#80C0C3
primary
#4FABB2
secondary
#278E9C
accent
#007283
highlight
#006365
border
#004F4C
focus
#002F37
text
#00111A
Colors in Oasis Signal: HEX, RGB, HSL & OKLCH
- #DAF5F8 color page →
bg
#DAF5F8
- RGB
- rgb(218 245 248)
- HSL
- hsl(186 68% 91%)
- OKLCH
- oklch(0.951 0.028 204.8)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.39:1 (AAA)
- #ADD9DF color page →
surface
#ADD9DF
- RGB
- rgb(173 217 223)
- HSL
- hsl(187 44% 78%)
- OKLCH
- oklch(0.856 0.047 206.6)
WCAG contrast: on white 1.52:1 (Fail) · on black 13.76:1 (AAA)
- #80C0C3 color page →
muted
#80C0C3
- RGB
- rgb(128 192 195)
- HSL
- hsl(183 36% 63%)
- OKLCH
- oklch(0.766 0.065 199.6)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.24:1 (AAA)
- #4FABB2 color page →
primary
#4FABB2
- RGB
- rgb(79 171 178)
- HSL
- hsl(184 39% 50%)
- OKLCH
- oklch(0.688 0.087 202.1)
WCAG contrast: on white 2.69:1 (Fail) · on black 7.80:1 (AAA)
- #278E9C color page →
secondary
#278E9C
- RGB
- rgb(39 142 156)
- HSL
- hsl(187 60% 38%)
- OKLCH
- oklch(0.596 0.092 208.4)
WCAG contrast: on white 3.86:1 (Fail) · on black 5.43:1 (AA)
- #007283 color page →
accent
#007283
- RGB
- rgb(0 114 131)
- HSL
- hsl(188 100% 26%)
- OKLCH
- oklch(0.507 0.089 212.6)
WCAG contrast: on white 5.62:1 (AA) · on black 3.73:1 (Fail)
- #006365 color page →
highlight
#006365
- RGB
- rgb(0 99 101)
- HSL
- hsl(181 100% 20%)
- OKLCH
- oklch(0.453 0.077 197.2)
WCAG contrast: on white 7.06:1 (AAA) · on black 2.97:1 (Fail)
- #004F4C color page →
border
#004F4C
- RGB
- rgb(0 79 76)
- HSL
- hsl(178 100% 15%)
- OKLCH
- oklch(0.386 0.067 190.4)
WCAG contrast: on white 9.44:1 (AAA) · on black 2.22:1 (Fail)
- #002F37 color page →
focus
#002F37
- RGB
- rgb(0 47 55)
- HSL
- hsl(189 100% 11%)
- OKLCH
- oklch(0.28 0.049 212.4)
WCAG contrast: on white 14.36:1 (AAA) · on black 1.46:1 (Fail)
- #00111A color page →
text
#00111A
- RGB
- rgb(0 17 26)
- HSL
- hsl(201 100% 5%)
- OKLCH
- oklch(0.166 0.033 229.7)
WCAG contrast: on white 19.17:1 (AAA) · on black 1.09:1 (Fail)
Export Oasis Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #daf5f8;
--surface: #add9df;
--muted: #80c0c3;
--primary: #4fabb2;
--secondary: #278e9c;
--accent: #007283;
--highlight: #006365;
--border: #004f4c;
--focus: #002f37;
--text: #00111a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #daf5f8;
--color-surface: #add9df;
--color-muted: #80c0c3;
--color-primary: #4fabb2;
--color-secondary: #278e9c;
--color-accent: #007283;
--color-highlight: #006365;
--color-border: #004f4c;
--color-focus: #002f37;
--color-text: #00111a;
}JSON (DTCG tokens)
{
"oasis-signal-5cc": {
"bg": {
"$type": "color",
"$value": "#daf5f8"
},
"surface": {
"$type": "color",
"$value": "#add9df"
},
"muted": {
"$type": "color",
"$value": "#80c0c3"
},
"primary": {
"$type": "color",
"$value": "#4fabb2"
},
"secondary": {
"$type": "color",
"$value": "#278e9c"
},
"accent": {
"$type": "color",
"$value": "#007283"
},
"highlight": {
"$type": "color",
"$value": "#006365"
},
"border": {
"$type": "color",
"$value": "#004f4c"
},
"focus": {
"$type": "color",
"$value": "#002f37"
},
"text": {
"$type": "color",
"$value": "#00111a"
}
}
}About this palette
Oasis Signal is a 10-color OKLCH-ready palette tagged blue, cold, ocean, nature, 10 colors. Hex values: #DAF5F8, #ADD9DF, #80C0C3, #4FABB2, #278E9C, #007283, #006365, #004F4C, #002F37, #00111A. APCA contrast score Lc 9.2. 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 Oasis Signal by OKLab color distance.