Softworn Cobalt color palette — #FCF3EE · #C3E6D3 · #518ECB · #00735E · #5B3C51

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

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Celadon Mist (#C3E6D3): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#518ECB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#00735E): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5B3C51): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: 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

• Worn Cypress color palette (#FBF3F1, #C8EDE2, #68A3B9, #517A56, #5D4C5F)
• Patina Cobalt color palette (#FEF2EC, #9CD9EB, #0085D4, #006951, #343C67)
• Washed Olive color palette (#FFF0FC, #6283DD, #4D8E18, #41783B, #462F42)
• Dusty Basin color palette (#FFF0FB, #E7D7D2, #F8A59E, #417F9E, #5A404D)
• Lagoon Alley color palette (#F8EAE3, #358F97, #00425C, #002411, #000623)
• Hushed Teal Coast color palette (#FAF3F7, #D4E0F8, #9AC2E5, #43ABA1, #394861)
• Hushed Spruce Villa color palette (#EFE3E0, #6DACA6, #006275, #0B4103, #00213A)
• Cobalt Thicket color palette (#F8ECE3, #8FBDA7, #2267B9, #005146, #2A284D)

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