Softworn Cobalt color palette — #F0F8EF · #40CCC6 · #008AC6 · #00837F · #021E16

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

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Aqua (#40CCC6): A luminous, balanced teal — the color of sea glass.
• Cerulean (#008AC6): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00837F): A full-bodied, balanced teal — the color of sea glass.
• Ink (#021E16): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, 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

• Hazy Pine color palette (#F3F7EB, #75C99A, #00919C, #008753, #0E1C11)
• Muted Azure Lagoon color palette (#EFF8F1, #5BD8ED, #3294E8, #0090A2, #172824)
• Muted Canyon color palette (#ECF9F4, #68BEF5, #6F6AF0, #007AB0, #22121D)
• Softworn Courtyard color palette (#EBF3D6, #32B2D2, #007FBD, #6A4181, #133829)
• Lagoon Terrace color palette (#F1F7F2, #CEDDDB, #A6C7C5, #299097, #333E34)
• Hazy Studio color palette (#E8F9FB, #63E4C7, #44ACEC, #00AE93, #071A29)
• Gentle Sky Balcony color palette (#CEF7FE, #22C1E6, #0090C1, #005A8A, #003260)
• Muted Villa color palette (#F3F7ED, #8BE8AE, #7780DB, #008D52, #0C0209)

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