Denim Pier color palette — #ECF4F3 · #CCDFF2 · #698FC5 · #00668F · #1A2C48

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

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Powder Blue (#CCDFF2): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#698FC5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00668F): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1A2C48): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Muted Cerulean Villa color palette (#EBF4F2, #C6E2EB, #409CAA, #006D66, #033143)
• Denim Alley color palette (#D6E5E3, #6FA6B4, #00627B, #00393C, #000D15)
• Iris Station color palette (#F9F4EF, #C2E5DC, #7587C2, #006E7F, #5C3C4D)
• Dusty Atelier color palette (#D9E7E6, #4B809B, #004062, #001E26, #000104)
• Softworn Ridge color palette (#E0F8F4, #88C7D3, #007F98, #005152, #001E29)
• Dusty Cerulean Station color palette (#FAF3F5, #D9D4DE, #A5B8F5, #0092A7, #373D5B)
• Plum Thicket color palette (#FAEDFB, #D38E95, #7687D6, #B12749, #1E2446)
• Amethyst Chapel color palette (#FBECFF, #C56F85, #A8732B, #7852B7, #27172C)

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