Denim Pier color palette — #F3F4FF · #9DCDB5 · #695187 · #343551 · #28232C

Graphite and Pistachio set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Pistachio (#9DCDB5): A luminous, dusty teal — the color of sea glass.
• Graphite (#695187): A full-bodied, balanced violet — the color of wild irises.
• Navy (#343551): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#28232C): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Timeworn Stone color palette (#F9EFF1, #DBC088, #745479, #42292E, #1A1113)
• Tempered Sand Pier color palette (#F5F3FF, #E6CE9D, #907095, #4E4A5F, #2B2A31)
• Timeworn Ash color palette (#FEF1F5, #D1E7BA, #AC93BE, #81636D, #36262B)
• Dusty Bronze color palette (#F4F4FB, #D0B3E1, #A5712A, #825A97, #273126)
• Hushed Garnet color palette (#FBF1FB, #A4B784, #872E3A, #3B253C, #24171B)
• Tempered Aubergine Grove color palette (#F5F3FF, #4ABB78, #730481, #3A1240, #1B1828)
• Tempered Bronze color palette (#F6F3FD, #A2749E, #7F6B00, #0B5273, #373341)
• Timeworn Driftwood color palette (#F7F4FA, #E1D8DA, #B2ACA1, #8C799D, #545158)

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