Faded Sapphire Harbor color palette — #D9E8FC · #2464CF · #006544 · #002565 · #000201
A conversation between Royal Blue and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#D9E8FC): A whisper-light, dusty blue — the color of open sky before noon.
- Royal Blue (#2464CF): A full-bodied, vivid violet — the color of wild irises.
- Pine (#006544): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002565): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Faded 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
- Softworn Fern color palette (#D1E4F1, #007696, #3F6000, #003040, #010100)
- Wandering Market color palette (#CFE8F9, #007698, #870095, #003040, #030004)
- Nightshade Pier color palette (#F6E2F3, #133EAE, #4F3600, #000962, #020100)
- Ancient Coast color palette (#DEE5FF, #592AC0, #81004B, #003847, #010008)
- Feathered Lagoon color palette (#E5EDFF, #BCADF4, #A762D9, #29438E, #010009)
- Washed Indigo color palette (#D9E7FE, #476DFF, #976500, #2841C0, #0B0500)
- Hazy Amethyst Parlor color palette (#E6E9FF, #7A4CC1, #952800, #38006B, #040000)
- Lapis Atelier color palette (#F1F5FF, #9A9FFF, #00A998, #554BCB, #001E1A)
Browse the whole catalog at Explore, or see today's palette.