Muted Sapphire Harbor color palette — #CFE7EB · #01B9F4 · #0094EB · #465DD0 · #2A2357
Built around Royal Blue, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Frost (#CFE7EB): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#01B9F4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#0094EB): A luminous, vivid blue — the color of open sky before noon.
- Royal Blue (#465DD0): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#2A2357): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Muted 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
- Patina Ridge color palette (#D0EBEA, #00BFD7, #0094C9, #006EB2, #1E2F5C)
- Washed Periwinkle color palette (#C9F0FF, #6EC7FF, #4C9AFF, #676AC5, #3F3059)
- Cobalt Market color palette (#D0E1EB, #40BAFF, #007DD1, #034A8F, #061D4C)
- Misty Indigo color palette (#C5E9FD, #2D9FFC, #4F5EFF, #6137B9, #250A3E)
- Hushed Iris color palette (#DFF1FF, #85ABFF, #747AFF, #7B4DBE, #421B49)
- Frosted Iris color palette (#D2E0FF, #A9BBFF, #6E82FF, #3E55C4, #0C0B4A)
- Sapphire Market color palette (#CCE0F9, #78B1FF, #E6991E, #0173E9, #3B2300)
- Timeworn Mint Study color palette (#FDE6D0, #00DA7A, #718BE6, #37436B, #0E1522)
Browse the whole catalog at Explore, or see today's palette.