Cobalt Pier color palette — #FBF3F5 · #B2C7DD · #6074B6 · #005E6B · #3C3161

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF3F5): a clean, paper-quiet neutral.
• Lilac Frost (#B2C7DD): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6074B6): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005E6B): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#3C3161): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Aged Boulevard color palette (#FCF2F9, #ACCBD6, #0085A6, #006246, #193E5A)
• Muted Garden color palette (#FFF0F7, #8BC0DC, #006DCD, #005556, #242377)
• Cobalt Archive color palette (#F0F3EA, #A2D3C7, #447CCA, #005679, #2F152C)
• Timeworn Periwinkle Ridge color palette (#EBF8F8, #B4D9FD, #6497DE, #0875A2, #283B58)
• Ancient Abyss color palette (#EFE0EA, #568997, #004452, #002413, #000B15)
• Onyx Bloom color palette (#ECDCE6, #6398AA, #004E7A, #00302C, #00034A)
• Cerulean Quarry color palette (#FBF4EC, #C7E4FF, #9BAFEA, #2A9BAE, #4F2F40)
• Tempered Jade Lagoon color palette (#DAF5DE, #4AAA85, #008276, #00575E, #003E4E)

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