Weathered Cobalt color palette — #F8F0E9 · #A5D3C6 · #6578B6 · #005967 · #22183F

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F8F0E9): a clean, paper-quiet neutral.
• Pistachio (#A5D3C6): A whisper-light, dusty teal — the color of sea glass.
• Slate (#6578B6): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005967): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#22183F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cerulean Garden color palette (#FAEFEA, #B2D1B6, #2C88A4, #005E42, #00223B)
• Cobalt Hollow color palette (#FBEFE7, #8CC4E2, #1E70CE, #005153, #12094D)
• Patina Summit color palette (#ECDDD4, #4F95AB, #004D7A, #002C28, #00001F)
• Worn Petrol Corridor color palette (#EDF8F7, #DBDCE7, #80A8DF, #0078A6, #192C57)
• Washed Harbor color palette (#F6F1EC, #C6E5E8, #B28FAD, #147984, #452E3B)
• Violet Harbor color palette (#EBEBD3, #7D9D58, #9A61AE, #3E6100, #2B0B35)
• Hazy Terrace color palette (#E1E8C8, #428F52, #7B54BD, #941E84, #001A05)
• Chalky Drift color palette (#EEE2CB, #9C9636, #577300, #0E5106, #002313)

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