Cobalt Coast color palette — #EEF2F8 · #B1C3EB · #B16E62 · #536EB4 · #1E111B

Slate and Mocha set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#EEF2F8): a clean, paper-quiet neutral.
• Sky (#B1C3EB): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#B16E62): A luminous, balanced orange — the color of autumn markets.
• Slate (#536EB4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Ink (#1E111B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

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

• Petrol Cabin color palette (#ECF3F7, #A1CAE2, #A27095, #007E9E, #18131F)
• Rust Garden color palette (#F3F5FC, #BEB8F3, #B65E6C, #6B63A1, #332A34)
• Patina Cabin color palette (#F1F1F7, #C1BEE6, #9E7E35, #8D56A9, #0B1A0F)
• Amber Bloom color palette (#F9F3F9, #B3D4FF, #D8834E, #668EC3, #332C28)
• Washed Driftwood color palette (#E2F7F5, #96ABD7, #996587, #005E5F, #272B3E)
• Linen Garnet Workshop color palette (#EAF3FF, #C1B5E2, #A3769E, #872B3F, #511700)
• Dusty Driftwood color palette (#F1F1F8, #DCD5DA, #BEADAA, #8B78A7, #35353C)
• Washed Lilac color palette (#FBF2F7, #E8D7D7, #E693A3, #988DDD, #2A1916)

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