Washed Pier color palette — #FAF2FA · #B76D72 · #38744C · #045774 · #312E40

Mocha and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Mocha (#B76D72): A luminous, balanced red — the color of late-summer berries.
• Pine (#38744C): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#045774): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#312E40): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

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

• Timeworn Alley color palette (#FEF1F8, #C08972, #5D7A53, #285A71, #443C5D)
• Washed Driftwood Harbor color palette (#F5F4FD, #AA77A3, #676835, #005D52, #2E3745)
• Chestnut Alley color palette (#F9EEF4, #AF775B, #766516, #005974, #24111F)
• Aged Market color palette (#EDF9EF, #A27609, #00627A, #4A316C, #30212F)
• Dusty Rust Lantern color palette (#FFF0FA, #B43818, #005C51, #003B73, #3C132F)
• Worn Petrol color palette (#FCF3EE, #CC9587, #918C4C, #29759F, #3C3531)
• Driftwood Grove color palette (#FAF3F8, #E1D7D7, #B0ACA1, #94778E, #575055)
• Ancient Chestnut color palette (#FFF0FE, #DEA996, #A87E5A, #78591D, #554B00)

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