Weathered Cobalt color palette — #E7F7EA · #68B8D5 · #5B77B1 · #754237 · #1E2E3A

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

The five colors

• Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#68B8D5): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5B77B1): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#754237): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#1E2E3A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, 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

• Timeworn Terrace color palette (#E9F6EB, #99A9E0, #8A699E, #644E26, #262B3E)
• Softworn Study color palette (#E9F6EB, #73BCA9, #2D8599, #713F5B, #193035)
• Tempered Turquoise Corridor color palette (#FFF3E6, #3CBBC7, #6D71A9, #5E5852, #374D44)
• Washed Harbor color palette (#FFF4E2, #78CBE9, #7C92BF, #8F6257, #374D46)
• Tempered Lagoon Pier color palette (#EBF4F2, #A3CDC9, #4E9278, #4C666F, #233533)
• Dusty Lapis Canyon color palette (#D9FDE0, #0597F0, #5E42CA, #602F00, #081C37)
• Antique Grove color palette (#E5EFF8, #4A88BB, #2E3B54, #171F27, #070D11)
• Weathered Iris color palette (#EAF3FC, #C5D4F2, #BFADE9, #9090D0, #1A2D41)

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