Softworn Cerulean color palette — #EEF8F7 · #A2CDAA · #2287B4 · #377E4B · #233039

A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EEF8F7): bright and airy, almost weightless.
• Pistachio (#A2CDAA): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#2287B4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#377E4B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#233039): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Bronze Corridor color palette (#F0F7F3, #CBC288, #008F94, #7B6E16, #203136)
• Softworn Pier color palette (#EFF7F9, #8DCECF, #7073C3, #007D7F, #292E39)
• Dusty Lagoon color palette (#EFF3EB, #82D7BB, #19949B, #3D806B, #101811)
• Dusty Seafoam Archive color palette (#ECF8F8, #88E7C7, #6FA9CC, #5C9B86, #223035)
• Pale Aubergine Loft color palette (#D6E4E9, #008692, #4100A6, #00393F, #010212)
• Tempered Denim Dune color palette (#D4FFFD, #8DCBBF, #2092A1, #02628A, #334675)
• Hushed Teal color palette (#FEF1F9, #60BBA7, #407FA1, #7B4B3E, #324C55)
• Ultramarine Atelier color palette (#EAF8FA, #00BD97, #0060C6, #006550, #0F1E2F)

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