Pale Sapphire color palette — #D4F1F6 · #00AEDB · #266FE8 · #3D40AA · #542D6F
A conversation between Royal Blue and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4F1F6): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00AEDB): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#266FE8): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#3D40AA): A full-bodied, vivid violet — the color of twilight just after sunset.
- Royal Purple (#542D6F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Pale Sapphire into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Misty Corridor color palette (#D9F1FC, #53AAFF, #475FE0, #562A9C, #57215C)
- Tempered Ultramarine color palette (#D8F2F0, #00AAC8, #0075A9, #004AB3, #3F3171)
- Ultramarine Veranda color palette (#DCF2FF, #5DBAFF, #3887FE, #244BEF, #393779)
- Nightshade Garden color palette (#C8EBFF, #2EA2EA, #0074D6, #2810C3, #1D1356)
- Washed Study color palette (#E0F2FF, #3371D9, #4826AD, #450056, #34002E)
- Frosted Study color palette (#F4F4FF, #A0A1FF, #4C57C9, #222992, #151566)
- Indigo Pier color palette (#BDF4E5, #919CE3, #846AB5, #743F75, #5F384F)
- Patina Corridor color palette (#FFF0FE, #EAD2E9, #F091AB, #008497, #40446E)
Browse the whole catalog at Explore, or see today's palette.