Cobalt Coast color palette — #F6F0F4 · #DDD5D3 · #B4AFA4 · #787EB0 · #3B3339

Built around Slate Blue, softened by Ash — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Silver (#DDD5D3): a clean, paper-quiet neutral.
• Ash (#B4AFA4): a calm mid-gray that lets other colors speak.
• Slate Blue (#787EB0): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#3B3339): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cobalt Coast 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

• Worn Driftwood Drift color palette (#FAF3F7, #E1D7D6, #B0ADA0, #7D7DA6, #585054)
• Softworn Ridge color palette (#F8F0F0, #DCD6CF, #C1BDAC, #986082, #332929)
• Ancient Pier color palette (#EFF4E7, #8BB0D0, #8F6896, #245F45, #372532)
• Hushed Pewter Archive color palette (#E0F9E8, #DAC0D1, #A18786, #56765C, #334439)
• Patina Boulevard color palette (#F7F1E7, #C8C4AA, #638F70, #7F5454, #32312A)
• Washed Canyon color palette (#F1E2E0, #AA9D96, #9F7137, #660039, #100000)
• Worn Driftwood color palette (#F6E9ED, #9175A8, #4D3431, #2A181E, #100A0F)
• Weathered Aubergine Garden color palette (#EFE6E9, #D5C8C7, #BB9C8F, #6C3A8C, #230E16)

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