Softworn Cobalt color palette — #FFF1F6 · #4BC8BA · #5985D1 · #855831 · #24424E

Built around Azure, softened by Aqua — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Aqua (#4BC8BA): A luminous, balanced teal — the color of glacier melt.
• Azure (#5985D1): A luminous, balanced violet — the color of a velvet chair.
• Coffee (#855831): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#24424E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.

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

• Azure Lagoon color palette (#FFF3E8, #79DFE3, #6A93CE, #835838, #1C382A)
• Iris Hollow color palette (#E7FBF0, #7ECCD9, #8C8BC3, #76713E, #394A57)
• Muted Cerulean color palette (#FDF0FF, #90C183, #0096B0, #8D4D58, #244345)
• Turquoise Balcony color palette (#FFF4E2, #00AAC0, #396DA2, #6E3E3D, #294437)
• Lagoon Drift color palette (#EDF9EF, #A1D0C1, #619F7A, #577787, #324841)
• Feathered Orchid Station color palette (#E7F9F9, #5BBB86, #A762AA, #666000, #3D3A00)
• Worn Turquoise color palette (#F9F3F8, #CDE1F8, #4EB1DD, #4F8963, #39495E)
• Hushed Lapis color palette (#CCEFD3, #00ADB8, #5D42FF, #624900, #002D40)

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