Quiet Cobalt color palette — #FDF1F8 · #AAD5EC · #0185D3 · #006951 · #313973

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Powder Blue (#AAD5EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#0185D3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006951): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#313973): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Pale Forest Thicket color palette (#FAF2FB, #8FDFD9, #008EAA, #276924, #154367)
• Worn Sapphire color palette (#FFF0F8, #73C4E3, #006DCA, #005749, #2C2867)
• Aged Cobalt Basin color palette (#F6F1E9, #9BDBEF, #008EC3, #006261, #002646)
• Linen Azure Orchard color palette (#F0F8F1, #B5E2FB, #00A8E6, #008282, #0A426F)
• Washed Hollow color palette (#FBF2F6, #D9DEEF, #859AC0, #3E7B74, #4B516B)
• Misty Violet color palette (#ECE7FF, #8964DC, #7D7500, #3E6728, #342556)
• Worn Cerulean color palette (#F3F4FF, #FFD0E6, #EE9D95, #2983AB, #4C3B62)
• Faded Onyx color palette (#ECDAE6, #4B9DAC, #004F77, #003121, #050149)

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