Quiet Cobalt color palette — #DDE8E8 · #94B5D5 · #3876BD · #005473 · #031B4C

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

The five colors

• Frost (#DDE8E8): a clean, paper-quiet neutral.
• Ash (#94B5D5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#3876BD): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005473): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#031B4C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Timeworn Petrol Station color palette (#DAE9E6, #81BDC2, #008394, #005A55, #00242D)
• Cobalt Workshop color palette (#F2F8E9, #9FD2FF, #2E7AD2, #004D6A, #000630)
• Washed Iris color palette (#F5E9DD, #93C6F0, #628CF4, #007B88, #1E1740)
• Ultramarine Field color palette (#F0E3E7, #7AA4C6, #2549BD, #003D44, #1F1545)
• Aged Courtyard color palette (#DAE7E6, #6799BB, #005B99, #00394B, #00081D)
• Wandering Cerulean Thicket color palette (#E9F9F7, #93D7EA, #009AC4, #007179, #00384F)
• Chestnut Terrace color palette (#DFF0E0, #A7883F, #805800, #583400, #1C1500)
• Worn Ridge color palette (#F7E9F9, #CD2A58, #8C5F00, #7616B9, #29000A)

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