Cerulean Pier color palette — #E7F4FF · #8FB7E7 · #678CC3 · #495C8A · #27334F

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

The five colors

• Ivory (#E7F4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#8FB7E7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate Blue (#678CC3): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#495C8A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#27334F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Washed Lilac color palette (#EEF1FF, #C3AEE7, #9C7CB5, #71527F, #362F4D)
• Cerulean Hollow color palette (#C3F0FE, #82CCD4, #2B93A4, #18687C, #153648)
• Denim Quarry color palette (#ECF2FF, #C3C5F5, #797DAF, #49487A, #171839)
• Muted Pier color palette (#DFFEEC, #8CB9DD, #6587C2, #5762A3, #6A4857)
• Periwinkle Ridge color palette (#EBF2FF, #879AD3, #AA7C9F, #28878F, #1F2737)
• Grape Lagoon color palette (#E3E2F2, #9581D1, #7448A7, #50216F, #2D1035)
• Pewter Grove color palette (#E7E6FF, #BE8FC9, #975C97, #6C3461, #432038)
• Quiet Indigo color palette (#D5E0FE, #8593FF, #6259DB, #481F9A, #2B144E)

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