Wandering Pier color palette — #DEE5F2 · #313FB9 · #693600 · #242D00 · #010010

Indigo and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DEE5F2): bright and airy, almost weightless.
• Indigo (#313FB9): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#693600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#242D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010010): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Lowlit Workshop color palette (#EAEFFF, #462DC4, #4D2900, #052100, #000203)
• Gentle Aubergine color palette (#DDE0FA, #6A23A9, #574100, #00330E, #030009)
• Weathered Courtyard color palette (#DAEEFF, #005983, #860110, #352700, #000204)
• Softworn Field color palette (#F2E6CD, #7D3FB1, #6F004D, #1E2200, #09000C)
• Byzantium Pier color palette (#E7E5FF, #9A38C0, #6C6200, #004F38, #0E0725)
• Tempered Study color palette (#DBF3E6, #007898, #18760E, #0A560B, #000203)
• Patina Thicket color palette (#F3ECFF, #A4008B, #465C00, #003F3B, #0E000A)
• Wandering Nightshade color palette (#D9E1F3, #6369C3, #800043, #2E009F, #060002)

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