Washed Pier color palette — #FBF4E8 · #B59D56 · #009E96 · #7C6200 · #0A4D49

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

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Camel (#B59D56): A luminous, balanced green — the color of fresh herbs.
• Fern (#009E96): A luminous, balanced teal — the color of sea glass.
• Olive (#7C6200): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#0A4D49): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, 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

• Ancient Alley color palette (#FFF3E8, #CC9064, #19A360, #975007, #1F4D32)
• Muted Moss color palette (#FDF5DB, #8B8E38, #008F7A, #975435, #3A3831)
• Wandering Station color palette (#FCF4E8, #B7A67A, #8F6C27, #694B24, #403D36)
• Ember Balcony color palette (#F8F6E7, #97A95F, #D2615E, #5D6F00, #5F3533)
• Wandering Veranda color palette (#FCF0DF, #D09900, #688ECB, #815E00, #361C36)
• Wandering Garden color palette (#EBF2DA, #3DA468, #B36000, #006838, #4F2B0C)
• Aged Mustard Corridor color palette (#E8FBEA, #E4AD47, #84A2EE, #A2782A, #31435F)
• Misty Emerald color palette (#F4F9D8, #4AAC51, #0087C8, #02701A, #003F60)

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