Quiet Cobalt color palette — #F7EAF2 · #A6CADE · #278ECD · #006D62 · #132A5C

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

The five colors

• Blush (#F7EAF2): bright and airy, almost weightless.
• Sky (#A6CADE): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#278ECD): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006D62): A full-bodied, balanced teal — the color of sea glass.
• Navy (#132A5C): 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

• Hushed Azure color palette (#FDF2F7, #BDD9EC, #5A99DE, #007C7B, #30375D)
• Antique Azure color palette (#FEF3EC, #BBEFFF, #309BDA, #006B5F, #081C42)
• Aged Station color palette (#F1E6EA, #91B6D5, #4170CC, #00585F, #1D0D53)
• Petrol Field color palette (#EEF0E4, #73BED4, #007295, #004F56, #003249)
• Hushed Pine Coast color palette (#FAF3F7, #CDE0F1, #67B2C3, #2E8F5C, #1F4D66)
• Ultramarine Delta color palette (#F0DEE6, #6B99B5, #0A53AF, #003B3E, #07002A)
• Pine Alley color palette (#DDE4CA, #7FB25A, #00905A, #005C49, #00322F)
• Linen Plum Orchard color palette (#D8F1F5, #009C8B, #A753B0, #C10052, #002621)

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