Softworn Cobalt color palette — #EDF8F4 · #9EAF6C · #4985CA · #8B5060 · #283731

Cerulean and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sage (#9EAF6C): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#4985CA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Graphite (#8B5060): A full-bodied, balanced red — the color of embers at dusk.
• Deep Forest (#283731): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Tempered Dune color palette (#EDF8F4, #A5BC72, #4993C9, #8F5565, #56374B)
• Softworn Orchard color palette (#F7F6EA, #ABC885, #8195C2, #865C77, #322517)
• Muted Lagoon color palette (#EBF8F8, #67B185, #946FC3, #946037, #283939)
• Antique Garden color palette (#EDF8F4, #A4AF61, #00958E, #6D5B92, #443139)
• Aged Moss color palette (#F7F6EB, #84983D, #00767A, #6A4031, #34312B)
• Tempered Studio color palette (#EDF9ED, #76CDCD, #4DB2B3, #9677A3, #34322B)
• Tempered Sapphire color palette (#E2FBFC, #00A178, #2962F6, #990033, #002822)
• Jade Loft color palette (#E5F6F6, #3AB38B, #425D66, #273C3D, #1C2322)

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