Quiet Cobalt color palette — #FBF4EA · #AED2F7 · #577CCB · #00637D · #353678

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Powder Blue (#AED2F7): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#577CCB): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00637D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#353678): A deep, shadowed, balanced violet — the color of wild irises.

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 Station color palette (#FCF4E8, #AEDAC2, #0489C0, #006667, #13416D)
• Indigo Pier color palette (#FBF0E4, #A9D5FF, #6972EE, #006166, #2D1A41)
• Hushed Field color palette (#EEF9ED, #BEDFFF, #8290FA, #008287, #48365D)
• Sunlit Cerulean Parlor color palette (#EBFAEE, #D0E7FF, #91B5FF, #00A0C8, #37396C)
• Petrol Dune color palette (#FFF4E2, #7FC6C5, #007C8B, #005843, #00394A)
• Antique Navy Parlor color palette (#F5EEE4, #6495BC, #04449A, #002E39, #0A0740)
• Cobalt Bloom color palette (#FFF3E5, #D79327, #0072C6, #7E5100, #003C6C)
• Washed Abyss color palette (#F6EDE0, #4E8A9A, #00425C, #002221, #000A17)

Browse the whole catalog at Explore, or see today's palette.