Soft Sapphire Harbor color palette — #D3EBF0 · #00AFE1 · #0071D1 · #4A41AC · #3B245D
Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#D3EBF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#00AFE1): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#0071D1): A full-bodied, vivid blue — the color of open sky before noon.
- Indigo (#4A41AC): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#3B245D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Soft Sapphire Harbor 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
- Gentle Meadow color palette (#D9E9F1, #4DB2FF, #2088FA, #3F5EC7, #27235B)
- Indigo Basin color palette (#D6F5FF, #46A7F9, #5D65DD, #5D2F9A, #3F1948)
- Nightshade Terrace color palette (#8FF2FB, #00BAED, #0077D0, #4933AB, #23073D)
- Nightshade Corridor color palette (#E1F3FC, #268BD0, #005AA9, #1918A0, #24205A)
- Denim Chapel color palette (#D2F6EC, #00B0AF, #007DA1, #004F8D, #1F2664)
- Tempered Lapis Delta color palette (#DAF1FE, #0093F3, #4C41D7, #540F7F, #380035)
- Softworn Indigo Basin color palette (#D7E1FF, #90A9FF, #5C68CE, #372C8B, #0E0348)
- Airy Ultramarine color palette (#D1DFF8, #89A3FF, #B57600, #3040BF, #3A2300)
Browse the whole catalog at Explore, or see today's palette.