Quiet Cobalt color palette — #97F2FF · #3FD6FE · #1DB1F6 · #0081D8 · #244179

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

The five colors

• Sea Foam (#97F2FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Ice Blue (#3FD6FE): A luminous, balanced blue — the color of open sky before noon.
• Cornflower (#1DB1F6): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0081D8): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#244179): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged 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

• Faded Station color palette (#C9E3F0, #71C5FF, #3AA2FE, #3770E9, #31366F)
• Aged Chapel color palette (#C7F1ED, #03DBED, #00AECD, #008CB7, #004670)
• Hushed Ultramarine Studio color palette (#D2EBE9, #00C3E1, #0099CF, #005CBD, #3A356C)
• Iris Atelier color palette (#CDE4FF, #ADC9FF, #909BFF, #8B7BC6, #414364)
• Dusty Turquoise color palette (#EEF6FF, #DDD6EA, #CEB0A5, #3DBCE2, #314566)
• Feathered Lantern color palette (#EDF7FF, #89CDFF, #FFAD5C, #0095DE, #572F00)
• Pale Moss Delta color palette (#DCEDFF, #71BBFF, #FF7997, #7DAE26, #12324F)
• Powdered Indigo color palette (#DEF0FF, #3297FD, #4A66FF, #4C44C0, #220F43)

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