Worn Cobalt color palette — #EDF8F4 · #A2BA68 · #476BBC · #55690D · #1D2430

A conversation between Royal Blue and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sage (#A2BA68): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#476BBC): A full-bodied, balanced violet — the color of wild irises.
• Olive (#55690D): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#1D2430): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.

Use it as a design system

One click turns Worn 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

• Soft Mustard color palette (#EFF8F2, #CCAC3B, #0078A6, #735D00, #182630)
• Teal Study color palette (#EAF8FA, #4FC6AC, #7660A4, #00705D, #212331)
• Worn Pine Veranda color palette (#F0F3EB, #78C79E, #00858F, #00784E, #041207)
• Emerald Canyon color palette (#D5FBF8, #00AA58, #004FAC, #005629, #011129)
• Patina Emerald Garden color palette (#EAF9F8, #90D7AE, #2FA2A2, #169861, #0F282E)
• Jade Bloom color palette (#FEF0FF, #2BB17C, #27719A, #733941, #284248)
• Aged Pier color palette (#E8F9F6, #599C4A, #745094, #70360C, #4D2B3E)
• Chalky Market color palette (#DFFCBD, #5FC29E, #008387, #045B7F, #2D397A)

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