Weathered Cobalt color palette — #FFF4E2 · #DDC584 · #91B072 · #5781C7 · #3F3D36

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Honey (#DDC584): A whisper-light, balanced green — the color of fresh herbs.
• Sage (#91B072): A luminous, balanced green — the color of new leaves after rain.
• Azure (#5781C7): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#3F3D36): quiet, heavy and certain.

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

Use it as a design system

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

• Softworn Orchard color palette (#FFF4E2, #F6B69D, #C19F5F, #0092A6, #423C37)
• Ancient Balcony color palette (#FBF5E6, #D0BE73, #23B7AC, #6B73CA, #582530)
• Hushed Grove color palette (#FCF4E8, #C7D9A3, #85BCA1, #8E80C4, #4A4B00)
• Sand Pier color palette (#FFF0F7, #FEBC80, #6FA261, #6C5594, #1E3828)
• Antique Driftwood Grove color palette (#FFF4DA, #DCDBBC, #B1BD9C, #A6859C, #65434E)
• Mulberry Thicket color palette (#ECDCC2, #4BC582, #009B9D, #96379A, #002C21)
• Washed Quarry color palette (#F6F6E8, #CFDBB2, #74BDA7, #AF8760, #3B4900)
• Soft Lapis Station color palette (#FBE2AD, #B4BA00, #00AA56, #6043F0, #1F2F00)

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