Quiet Cobalt color palette — #CCF3F8 · #58B5C6 · #4486D2 · #005E1C · #001011

Built around Azure, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Frost (#CCF3F8): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#58B5C6): A luminous, balanced blue — the color of open sky before noon.
• Azure (#4486D2): A luminous, balanced blue — the color of open sky before noon.
• Deep Olive (#005E1C): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001011): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged pastel, light, cool.

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

• Antique Iris color palette (#CAEAF8, #69A0D7, #8577D4, #005642, #00141C)
• Teal Coast color palette (#D4E5E2, #00B49D, #008FB7, #575400, #001517)
• Weathered Azure color palette (#D8E5D6, #7BC9D1, #4898D1, #005B34, #000102)
• Olive Dune color palette (#DEE4D6, #74B6CD, #8892D5, #557121, #001516)
• Weathered Grove color palette (#DBE8DA, #21AAB7, #007EA0, #00352E, #001303)
• Pale Wisteria Lantern color palette (#E3F1FF, #A1B1FF, #B36EC2, #006877, #10193B)
• Aubergine Canyon color palette (#DBEDF7, #00829E, #6C0082, #003F4E, #040006)
• Raspberry Garden color palette (#ECE3C2, #DF0063, #008075, #051013, #000203)

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