Quiet Cobalt color palette — #EAF9F7 · #A0D7F3 · #0088C7 · #006477 · #184267

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF9F7): a clean, paper-quiet neutral.
• Powder Blue (#A0D7F3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0088C7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006477): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#184267): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Tempered Alley color palette (#EDF8F5, #9ACFDD, #00898F, #006154, #16404F)
• Cobalt Veranda color palette (#E3FBFA, #81C0E9, #0072B9, #005269, #003266)
• Dusty Cobalt color palette (#FFECF5, #9BD9F9, #3084DC, #006262, #1B2147)
• Washed Terrace color palette (#D8EFED, #4F9AB8, #005071, #002F37, #001527)
• Dusty Periwinkle color palette (#FEF3EA, #AEE4FF, #459EFB, #008282, #343C66)
• Hushed Teal Corridor color palette (#D4FFFC, #00BFBA, #007A77, #004340, #002F2B)
• Chalky Teal Hollow color palette (#FFF1F7, #C3EBFF, #87B8FF, #00A795, #3D3868)
• Chalky Sapphire color palette (#C7F5FF, #00938C, #0070D8, #546A00, #003936)

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