Softworn Cerulean color palette — #F1F7F2 · #DBDEEA · #91BEF4 · #0092A8 · #303F5A

Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#DBDEEA): bright and airy, almost weightless.
• Sky (#91BEF4): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0092A8): A luminous, balanced blue — the color of deep harbor water.
• Navy (#303F5A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Softworn Cerulean 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

• Softworn Teal Drift color palette (#F1F7F2, #D8E0EC, #A8D2ED, #36A59B, #385064)
• Cerulean Dune color palette (#EEF8F0, #9DD8DF, #0088A6, #005248, #000E19)
• Cerulean Atelier color palette (#FAF4EC, #B9E3FF, #618DC0, #276C7A, #563F51)
• Softworn Cypress Canyon color palette (#EFF8F1, #D4D7E7, #4CB7C8, #008265, #003444)
• Dusty Ultramarine Pier color palette (#E6F2E8, #95BBE1, #315EC8, #003B4C, #020013)
• Denim Bloom color palette (#D8E1D9, #6FACC1, #005B83, #002B2C, #000104)
• Feathered Bloom color palette (#E8F9FC, #97E6D8, #F59EAD, #00A08F, #572631)
• Hushed Grove color palette (#F0F7F1, #D7DDF9, #6492DA, #00677C, #141845)

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