Softworn Cobalt color palette — #F8F0EB · #AAD3BB · #3F80BA · #005D49 · #181C40

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Pistachio (#AAD3BB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3F80BA): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D49): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#181C40): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Softworn 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 Indigo color palette (#F7F1EA, #A5D3C6, #6271D3, #005B5E, #321522)
• Dusty Cerulean color palette (#FCF4E8, #87D2E8, #3081A9, #00605F, #16433A)
• Azure Study color palette (#FEF1F9, #9DE0F5, #679AC9, #2B7C65, #2C3A58)
• Navy Lantern color palette (#EEE3DB, #36839C, #003C6E, #002019, #01000B)
• Pale Hollow color palette (#EDE2DA, #64A6C4, #0053B3, #003A33, #0A0227)
• Wandering Moss color palette (#E5E3D2, #6BA846, #008147, #004943, #00292B)
• Muted Teal Alley color palette (#CBFFEE, #44C5A8, #007A65, #003A30, #00130D)
• Plum Garden color palette (#E5ECDC, #3DB988, #A64284, #006545, #330825)

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