Weathered Cobalt color palette — #FAF2FA · #96B2D9 · #B4935D · #3E73BB · #514C46

Slate takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Mauve (#96B2D9): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#B4935D): A luminous, balanced gold — the color of honey in a jar.
• Slate (#3E73BB): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#514C46): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. 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

• Tempered Studio color palette (#E6F6F1, #85BAE3, #B49A40, #2E78AA, #34312A)
• Linen Mustard Archive color palette (#EEF6FF, #9BC9F6, #D2AC4C, #4F91CD, #3A5441)
• Petrol Alley color palette (#EDF9F0, #7ABCC7, #C38879, #008190, #753B17)
• Tempered Indigo Harbor color palette (#FFF1F6, #CFA1B2, #8DA262, #825FA9, #46532C)
• Worn Ash Parlor color palette (#FDF1FB, #E7D6D6, #C5A797, #7097B5, #5C4754)
• Washed Pine Meadow color palette (#FFF0FD, #7E97CC, #BB736E, #478847, #4E3B4C)
• Lapis Market color palette (#FFF0FA, #8389E2, #8E8000, #4E12F2, #433B00)
• Pewter Bloom color palette (#FBF3F6, #D1BD9E, #63567E, #3D3154, #33282C)

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