Weathered Cobalt color palette — #F8F5E9 · #B3BD61 · #4682CC · #717900 · #221123

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

The five colors

• Ivory (#F8F5E9): bright and airy, almost weightless.
• Gold (#B3BD61): A luminous, balanced green — the color of fresh herbs.
• Azure (#4682CC): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#717900): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#221123): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Tempered Emerald Hollow color palette (#F5F6EC, #A7D29B, #6D90C9, #5D904E, #2B202A)
• Bronze Bloom color palette (#FCF4E9, #DBAB5D, #008EAE, #956800, #041E12)
• Hushed Olive color palette (#ECF8F4, #CADA79, #0098BD, #727F00, #00060D)
• Washed Meadow color palette (#F5F6EC, #81C97E, #977EE4, #18741A, #24121B)
• Indigo Summit color palette (#EEF5E3, #00C98B, #5B59FF, #007D54, #21051B)
• Misty Courtyard color palette (#F5F6EC, #A6DC90, #00B6D1, #5BAD2F, #071D11)
• Timeworn Fern Study color palette (#EDF8F6, #7CA86B, #006C6A, #275E00, #001C23)
• Pale Peony color palette (#EEF9EB, #00D7C7, #CA4FAD, #008A80, #311115)

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