Cobalt Coast color palette — #FBF2FA · #B1F8D6 · #4E75BA · #24385B · #140D13

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

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Mint (#B1F8D6): A whisper-light, balanced teal — the color of glacier melt.
• Slate (#4E75BA): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#24385B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#140D13): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged luxury, dark, muted, cool.

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

• Ancient Cobalt color palette (#FBF2F7, #F4D5C6, #6F6CB4, #343359, #170B13)
• Muted Cerulean color palette (#EFF8F2, #C9F3C3, #0C83A0, #1D412F, #06130C)
• Worn Stone color palette (#EAF3FF, #CCAF74, #3B5482, #152646, #050D19)
• Sand Workshop color palette (#FFF0FD, #F8CE8B, #7894CD, #715B6E, #271E26)
• Aged Chapel color palette (#FCF2F7, #E8D5EE, #C082D4, #847BD9, #1E0C11)
• Quiet Lagoon color palette (#FFF1F3, #FFCABC, #A32CAA, #4A104D, #120305)
• Frosted Boulevard color palette (#FFF2EB, #EDB5F2, #C671A2, #8B5428, #45282C)
• Tangerine Veranda color palette (#FFF1F4, #D597E5, #E47E55, #906B31, #341C22)

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