Weathered Cobalt color palette — #FDF1F6 · #ACC9DF · #5A77B0 · #00605A · #3B335B

Built around Slate, softened by Pine — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#FDF1F6): bright and airy, almost weightless.
• Sky (#ACC9DF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5A77B0): A full-bodied, balanced violet — the color of wild irises.
• Pine (#00605A): A full-bodied, dusty teal — the color of sea glass.
• Navy (#3B335B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Washed Forest color palette (#FBF2FB, #A4CDD8, #1584A5, #0F642A, #1F3C5D)
• Wandering Courtyard color palette (#F7F1E7, #AFD0C3, #437FBF, #005967, #121E3F)
• Softworn Taupe Loft color palette (#F1F5FF, #FFCCEB, #DA9485, #496F95, #413C53)
• Sunlit Lilac color palette (#DFE2FF, #9975D7, #2B6C00, #005742, #262844)
• Cypress Hollow color palette (#FBF2F6, #D8DFF0, #819BBE, #3D7B72, #4A516C)
• Aged Onyx color palette (#F5E3F0, #409EAC, #004F73, #00321E, #020842)
• Worn Study color palette (#FAF4EE, #C2EBDA, #89B0FF, #00A198, #3C335A)
• Chalky Terrace color palette (#DEE6DE, #72A4CF, #3F49AF, #003E3F, #280F43)

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