Cerulean Pier color palette — #FDF2F5 · #D8DDFB · #8DA4D6 · #308894 · #3F4661

A conversation between Cerulean and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Thistle (#D8DDFB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#8DA4D6): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#308894): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F4661): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Antique Powder color palette (#EEF7F7, #D7DBF1, #8FC1FC, #58A2C6, #374961)
• Aged Petrol Quarry color palette (#F4F6EE, #C0E6DA, #5D8DC4, #006B8F, #33486A)
• Softworn Cobalt Ridge color palette (#EDDEE8, #89B9CF, #007FAE, #005B4B, #001E44)
• Tempered Turquoise color palette (#FAF3F8, #AADEEF, #43A3C0, #317C5D, #133E5C)
• Powdered Denim color palette (#FAEBF3, #599CB9, #005A9C, #003B3A, #03002D)
• Quiet Olive Corridor color palette (#E6FAF5, #A0C581, #AF94E1, #678E43, #483865)
• Aged Taupe Bloom color palette (#E6FBF5, #C7E4F4, #A5CDEF, #A2955E, #335251)
• Patina Harbor color palette (#DDFEF5, #8BB45E, #A786D1, #A273A2, #184038)

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