Weathered Cobalt color palette — #FAF4EB · #ADCDC3 · #5478B4 · #005D71 · #31375C

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

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Oat (#ADCDC3): A whisper-light, dusty teal — the color of sea glass.
• Slate (#5478B4): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005D71): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#31375C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Courtyard color palette (#F8F5EF, #AFCFB1, #00879A, #00624D, #004156)
• Antique Summit color palette (#FCF4E7, #79C3E4, #0073B4, #00555B, #022E6F)
• Wandering Indigo color palette (#F7F0E9, #A0D4C4, #5E73D3, #005B5C, #341423)
• Antique Villa color palette (#FDF2F5, #B1DAFD, #7B8EE6, #007B7E, #363755)
• Chalky Lantern color palette (#CFE4EA, #4AA5CE, #0072A7, #00499E, #2C3B68)
• Timeworn Denim color palette (#EDE4D7, #569AAD, #00506F, #00302F, #001529)
• Petrol Veranda color palette (#FFF0FF, #FBCED2, #B99BC9, #007DA5, #4E3749)
• Muted Bronze color palette (#DFF4EE, #4F92D2, #AE6300, #005998, #502B00)

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