Weathered Cobalt color palette — #FDF1F7 · #ACC9DE · #4D77BF · #006058 · #3A3559

Slate and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Sky (#ACC9DE): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#4D77BF): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#006058): A full-bodied, dusty teal — the color of sea glass.
• Navy (#3A3559): 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

• Cobalt Villa color palette (#FEF1FA, #7EC4D6, #0073B5, #005842, #21296D)
• Tempered Cobalt color palette (#F5F1EB, #ABD2C1, #2D81C2, #005A63, #0E1F3E)
• Softworn Azure Chapel color palette (#F1F7F2, #B3DAF5, #509CDB, #007A85, #293B55)
• Dusty Pine color palette (#F8F3F8, #C2E3EC, #5294AB, #297436, #2C4A6A)
• Weathered Cypress Field color palette (#ECF7FF, #E0D6F5, #CF9CB9, #007B70, #314464)
• Frosted Denim color palette (#DAF0EA, #31AFB8, #007D9C, #004D93, #2E396A)
• Hushed Onyx color palette (#E9DDE7, #599CA3, #00506F, #00321B, #000D3D)
• Worn Denim color palette (#EEF6FF, #6FA5D4, #2263AF, #003A62, #002547)

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