Cobalt Coast color palette — #F1F6FB · #9BC6E9 · #966B9E · #0073B3 · #2E2B3C

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

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Sky (#9BC6E9): A luminous, dusty blue — the color of deep harbor water.
• Slate (#966B9E): A full-bodied, balanced pink — the color of a candy shop window.
• Cerulean (#0073B3): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2E2B3C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Cobalt color palette (#EFF7F9, #9AC9D7, #5B7DB8, #007D7E, #262E3A)
• Indigo Boulevard color palette (#F3F5FC, #B5BEE4, #AC6381, #705CB1, #322A37)
• Worn Driftwood color palette (#ECF3F7, #8ACFE6, #AF688F, #0B7E9A, #18141C)
• Antique Chestnut Drift color palette (#EAFAED, #94A8CE, #866A98, #745300, #41475B)
• Blush Delta color palette (#F1F7F3, #98DEEE, #DC7793, #209CB2, #382A27)
• Ancient Pewter color palette (#EFF6FF, #ADBEE2, #8A7FB5, #76488B, #6A3061)
• Tempered Cerulean color palette (#F2F5FB, #DBD8E0, #B9A7A7, #6F82AA, #4D535C)
• Softworn Bronze color palette (#EFF6FD, #5B87B0, #9F544A, #545300, #22383F)

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