Sapphire Harbor color palette — #FAEEF3 · #8BC3E5 · #3266E3 · #00524D · #1F014A
Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#FAEEF3): a clean, paper-quiet neutral.
- Sky (#8BC3E5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#3266E3): A full-bodied, vivid violet — the color of wild irises.
- Forest (#00524D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#1F014A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns 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
- Wandering Courtyard color palette (#F8EFF3, #B1CCDE, #4E7CC0, #005C52, #1F1843)
- Washed Quarry color palette (#EBFAEE, #71C2F0, #0070C1, #00545F, #182E66)
- Patina Ultramarine Lantern color palette (#F8E9EE, #70A3C6, #2F4BB7, #003938, #100027)
- Wandering Cornflower Quarry color palette (#FFF3E8, #88D6FF, #4386FF, #00736A, #342269)
- Soft Lantern color palette (#F9EDFA, #6ACECB, #007E9B, #005614, #001B35)
- Muted Bloom color palette (#F5F0F5, #C6E2EA, #399BB8, #23702C, #0E2E4B)
- Aged Cypress color palette (#F7EFF2, #D8DBEE, #8B9CC1, #007A80, #33334C)
- Hazy Byzantium color palette (#D1F3E4, #989D22, #8A04D0, #4E5000, #220038)
Browse the whole catalog at Explore, or see today's palette.