Quiet Cobalt color palette — #EEE5D6 · #92B5D9 · #4A70C5 · #00566D · #181649

Built around Sapphire, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#EEE5D6): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#92B5D9): A luminous, dusty blue — the color of open sky before noon.
• Sapphire (#4A70C5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00566D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#181649): 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

• Cobalt Field color palette (#F2EBE0, #92BDA5, #007EB1, #00595A, #00203F)
• Airy Cornflower color palette (#EAFAED, #A2D1FF, #4774D9, #004E63, #09032F)
• Airy Ultramarine color palette (#F1E8DE, #7BA3C8, #413FC0, #003D40, #28123E)
• Softworn Iris color palette (#DAE3D9, #88C6FF, #7C8AE0, #007C81, #27143B)
• Worn Courtyard color palette (#FCF4E8, #9CD5E9, #0097D6, #007274, #003362)
• Washed Hollow color palette (#FFE3EA, #E1B4D0, #E97F8C, #7256B7, #390F36)
• Byzantium Harbor color palette (#E6DBE9, #9E4CB1, #896100, #006569, #210028)
• Weathered Cerulean Corridor color palette (#F8F5EF, #CBE7E8, #8CBDB0, #1C97A6, #624960)

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