Washed Pier color palette — #DBE4FF · #9DB3FF · #BB6D00 · #678700 · #121A45

Built around Olive Leaf, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Frost (#DBE4FF): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#9DB3FF): A luminous, balanced violet — the color of wild irises.
• Ochre (#BB6D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#678700): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#121A45): A deep, shadowed, balanced 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 Washed 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

• Hazy Olive color palette (#FFE3F3, #A0A1FF, #AE6500, #367800, #001C25)
• Sunlit Scarlet color palette (#CBE9FF, #60C2FF, #E73823, #987400, #002236)
• Airy Mallow color palette (#EBDEFF, #C9A0FF, #998200, #00915B, #27143C)
• Feathered Cornflower color palette (#D9E5FF, #4B7AFF, #8B7600, #675700, #101D3E)
• Hushed Wisteria Grove color palette (#FFDEE7, #D37CFF, #E25700, #447700, #002935)
• Faded Peony Courtyard color palette (#F9E2B4, #C994FF, #E83BAB, #697300, #3C1743)
• Tempered Powder color palette (#FFF0F9, #B8BBFF, #D0B184, #8CA374, #473841)
• Fuchsia Atelier color palette (#FFE8EB, #E97AED, #96AA59, #2F9585, #381D23)

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