Weathered Cobalt color palette — #FDF1FC · #5F8AC6 · #8E4D50 · #2B5321 · #004331

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

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Slate Blue (#5F8AC6): A luminous, balanced blue — the color of open sky before noon.
• Coffee (#8E4D50): A full-bodied, balanced red — the color of late-summer berries.
• Deep Olive (#2B5321): A deep, shadowed, balanced green — the color of fresh herbs.
• Forest (#004331): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Bronze Delta color palette (#FFF1F6, #9D8EC2, #8F6736, #146057, #34492C)
• Wandering Lagoon color palette (#EBFAEC, #2C9A9D, #7C5181, #5A4500, #1F411E)
• Worn Chestnut color palette (#F6EEFD, #B47894, #91503B, #523D00, #0E2500)
• Gentle Plum Summit color palette (#FFEDEB, #AA587B, #3D600D, #004346, #002E4A)
• Basalt Alley color palette (#FAF4E9, #B6B188, #51805A, #704E5D, #4B4300)
• Olive Balcony color palette (#FFF0FE, #D7B2C1, #9B7C79, #5B6F2D, #375842)
• Hazy Chestnut color palette (#FFF2F0, #D58BA8, #B16D4B, #6D5D00, #174222)
• Softworn Grove color palette (#FEF3ED, #C8E5D0, #5093B4, #18725D, #2F4968)

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