Quiet Cobalt color palette — #FDF4E5 · #99D7FF · #4182CA · #006474 · #2D3D6C

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Powder Blue (#99D7FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#4182CA): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#006474): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2D3D6C): 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

• Glacier Harbor color palette (#FBF4EA, #67E3F2, #008DAD, #00685B, #004564)
• Timeworn Corridor color palette (#FBEFE5, #A0D8FC, #5883C6, #006166, #1F1E4A)
• Muted Periwinkle Study color palette (#FFF1F7, #B6E1FF, #729CE1, #008189, #39386D)
• Sapphire Workshop color palette (#FDF4E5, #78BFF8, #0064E4, #005365, #242B66)
• Gentle Azure Drift color palette (#F4ECDF, #289BCD, #004C81, #002F35, #010F38)
• Weathered Ash Canyon color palette (#F9F4ED, #C2F0E3, #65A5B0, #657555, #395045)
• Washed Bloom color palette (#F3E9D9, #00919E, #004454, #00231E, #000B14)
• Turquoise Thicket color palette (#D5FFFF, #00BBC0, #007A7A, #004649, #002B2D)

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