Quiet Cobalt color palette — #EDF9EF · #9BD6FF · #3D81D0 · #006474 · #313E64

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Powder Blue (#9BD6FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#3D81D0): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006474): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#313E64): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Cerulean Summit color palette (#EEF8F0, #79E0EE, #008DAE, #00685C, #004565)
• Worn Cobalt color palette (#FEECF3, #B0D5F3, #5982C8, #006168, #201C4C)
• Linen Parlor color palette (#ECF9EF, #71BFFF, #2D69CD, #005366, #24286D)
• Pale Periwinkle color palette (#FFF3E8, #B7E1FF, #6D9BE9, #00818A, #39386E)
• Frosted Terrace color palette (#F4F7EC, #C0F1DF, #72BDFF, #009FC8, #1D406B)
• Antique Grove color palette (#F0F7F1, #CFE2F5, #5FA6B3, #47787C, #3D5666)
• Hushed Denim color palette (#E1F2E4, #5498BD, #004C83, #002F35, #000A41)
• Muted Delta color palette (#D4E4D7, #368E9A, #004455, #00231E, #000B14)

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