Quiet Cobalt color palette — #E2EFEF · #87B8DD · #2177C3 · #005570 · #001C49

Built around Azure, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Cream (#E2EFEF): bright and airy, almost weightless.
• Sky (#87B8DD): A luminous, dusty blue — the color of open sky before noon.
• Azure (#2177C3): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005570): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001C49): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Hushed Meadow color palette (#DFF3F0, #83BCC6, #00829B, #005959, #002330)
• Cobalt Study color palette (#F3F7EB, #A3D2F7, #007CD8, #004D67, #000B26)
• Sunlit Courtyard color palette (#F2E0E7, #84A2BC, #234EB1, #003D43, #1D134A)
• Cornflower Cabin color palette (#EEE4DC, #8CC7F3, #538CFF, #007B85, #1C1840)
• Washed Denim color palette (#D8EBE9, #6999B7, #005C93, #003949, #00091A)
• Misty Garden color palette (#E0FCF8, #8BD9EB, #009BC1, #007177, #00384E)
• Periwinkle Coast color palette (#E6FAF9, #BEDFFF, #589CF6, #007BAA, #293E6B)
• Worn Amber Corridor color palette (#FBD7E3, #BC7300, #008A63, #764600, #002115)

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