Softworn Cerulean color palette — #ECF4F1 · #D0D8D9 · #B8ABA0 · #508AAE · #303835

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#D0D8D9): bright and airy, almost weightless.
• Ash (#B8ABA0): A luminous, dusty gold — the color of afternoon light on wheat.
• Cerulean (#508AAE): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#303835): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Cerulean Grove color palette (#F0F6FA, #D9D9E1, #B8A7AA, #63879F, #4D5458)
• Pewter Field color palette (#F7EFF2, #DFD4D2, #CDB8B1, #7F699B, #35282D)
• Lagoon Drift color palette (#F0F3EA, #B9C9AE, #548F86, #506953, #2C3425)
• Tempered Mulberry Garden color palette (#FDEEE9, #94ABDA, #7471A6, #7A3952, #372533)
• Onyx Bloom color palette (#D7E1DE, #938A93, #7E6077, #002B4D, #000201)
• Timeworn Iris Dune color palette (#F9EEF8, #D4DBF5, #C4BFF4, #8B8EDE, #362033)
• Worn Sapphire Corridor color palette (#F6EFF6, #E4D1D4, #D5B4C8, #1664D6, #2E1F2E)
• Dusty Bronze color palette (#FFECF1, #DCBEC2, #A48A89, #925B2C, #5E3900)

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