Cerulean Pier color palette — #F2F5FB · #B9DBC0 · #6C7DA3 · #3D4E68 · #262C34

A conversation between Slate and Oat, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Oat (#B9DBC0): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#6C7DA3): A full-bodied, dusty violet — the color of a velvet chair.
• Peacock (#3D4E68): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#262C34): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Cerulean 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

• Driftwood Courtyard color palette (#FCF2FA, #CEE1CF, #9A7A95, #51404E, #211820)
• Denim Station color palette (#F0F5FE, #D4BE8C, #495D89, #2C394E, #24232E)
• Muted Archive color palette (#FAF2F9, #F6DB9B, #8A9EC8, #796676, #312830)
• Iris Dune color palette (#F2F5FB, #C9CDF9, #BE87B1, #7D81DD, #302B3A)
• Softworn Alley color palette (#F4F5FB, #DDD8DD, #BCB3AB, #A391C3, #50525C)
• Ancient Pine color palette (#F2F5FE, #9B97CF, #9F7A4D, #457949, #24333D)
• Ancient Canyon color palette (#EAFAED, #C9B4DD, #BA7C9B, #6A753A, #48445B)
• Frosted Aubergine color palette (#F2F5FF, #DDB45A, #6759B1, #3B267D, #15192C)

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