Soft Cobalt color palette — #F2F8E7 · #A5D4FB · #4882C1 · #006182 · #203E71

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

The five colors

• Ivory (#F2F8E7): A whisper-light, dusty green — the color of a quiet forest floor.
• Powder Blue (#A5D4FB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4882C1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#006182): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#203E71): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Soft 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

• Antique Cerulean Field color palette (#F6F7E5, #9CDBDF, #008FA0, #006760, #004856)
• Sapphire Workshop color palette (#F1F9E3, #83BDF6, #1469D4, #005072, #182E68)
• Soft Veranda color palette (#E6FAF9, #D3DBF9, #7CBBFF, #009ED0, #273F68)
• Dusty Cobalt color palette (#F8F0E9, #A9DCCC, #5B7FD0, #00616A, #241852)
• Pale Courtyard color palette (#FFF1F6, #BCDFFF, #7399EC, #00818D, #3D3573)
• Dusty Boulevard color palette (#E3E9D5, #6696B5, #004C80, #002E3C, #00132F)
• Timeworn Cypress color palette (#F5F6EE, #C6E7DF, #65A5AF, #337C75, #395143)
• Aged Turquoise Archive color palette (#D9FDFF, #00C4D0, #00787E, #004549, #002E32)

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