Softworn Cobalt color palette — #E9F9F8 · #61A175 · #637EB7 · #874B4D · #2A4241

Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Moss (#61A175): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#637EB7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Coffee (#874B4D): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal (#2A4241): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cerulean Field color palette (#FFF0FB, #82B68E, #2E82A1, #81473E, #374C4F)
• Patina Quarry color palette (#F1F4E2, #68A767, #867BA6, #7B524E, #222417)
• Cobalt Grove color palette (#EDF8F4, #939F66, #6866AF, #684F1D, #2D4A32)
• Jade Cabin color palette (#E6FAF8, #62A172, #A86980, #6E5E20, #2A4241)
• Cobalt Grove color palette (#FCF2F8, #C27B68, #5F7EBC, #834E50, #463842)
• Mint Quarry color palette (#E9F9F7, #77BF76, #9B94C5, #9C697B, #2B423F)
• Aged Lagoon color palette (#EFF7F7, #D5DBE2, #B5A9B1, #598F76, #4D5454)
• Washed Olive color palette (#EFF7F5, #B3CA92, #617ABE, #5C7827, #292E37)

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