Worn Cobalt color palette — #FAD8E4 · #F3B091 · #B3A463 · #5D7FBA · #2F335E

A conversation between Slate and Melon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FAD8E4): A whisper-light, dusty rose — the color of pressed rose petals.
• Melon (#F3B091): A luminous, balanced orange — the color of sun-warmed clay.
• Camel (#B3A463): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5D7FBA): A full-bodied, balanced violet — the color of wild irises.
• Navy (#2F335E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted.

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

• Wandering Indigo Orchard color palette (#ECDCD9, #E3AF68, #98AB69, #8070BE, #482953)
• Airy Cerulean Canyon color palette (#F7DEF0, #F2A6B0, #CC945E, #2D82A7, #00445D)
• Worn Archive color palette (#F7E1C4, #FCBC44, #4797EA, #B17D00, #002E58)
• Washed Taupe color palette (#FFE1C6, #D7CBAC, #90B694, #A17D88, #5A3A58)
• Washed Boulevard color palette (#F3DDC5, #A6A46A, #51967B, #7B5574, #411F39)
• Orchid Courtyard color palette (#F2E4CC, #EEB336, #A870F4, #3686E7, #312100)
• Timeworn Moss color palette (#FFF3E4, #D8C48C, #9E9D3F, #00725C, #003331)
• Softworn Navy Archive color palette (#F6DFE2, #AD7C5C, #646C2B, #38467C, #190028)

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