Quiet Cobalt color palette — #FFF1F7 · #A4D5F6 · #5C7CC9 · #006763 · #44336D
Azure takes the lead with Royal Purple close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Powder Blue (#A4D5F6): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#5C7CC9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Pine (#006763): A full-bodied, balanced teal — the color of glacier melt.
- Royal Purple (#44336D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet Cobalt 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
- Cobalt Terrace color palette (#FCF1FB, #97DCE4, #008ABE, #006A41, #263E6D)
- Feathered Boulevard color palette (#FFF1F6, #85BEED, #5062C9, #005556, #3F1A69)
- Soft Cornflower Villa color palette (#F6F1E9, #A0D8FB, #0084E7, #00606D, #102050)
- Periwinkle Pier color palette (#EFF8F1, #B4E2FF, #3C9FFE, #008091, #2A3D6C)
- Wandering Pine Grove color palette (#F8F3F9, #D2E1F1, #6DA2B7, #417E4C, #40546B)
- Lagoon Ridge color palette (#EFE6ED, #428D95, #00425C, #002412, #000625)
- Wandering Summit color palette (#FFF3E9, #C8EAFF, #90B6FF, #00A69D, #413864)
- Navy Coast color palette (#FDEAF3, #5C98B7, #144495, #00302C, #16033C)
Browse the whole catalog at Explore, or see today's palette.