Washed Pier color palette — #F4F7EC · #63AB71 · #5F6CA6 · #73453E · #413D37

A conversation between Jade and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Jade (#63AB71): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5F6CA6): A full-bodied, balanced violet — the color of a velvet chair.
• Coffee (#73453E): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#413D37): a grounded near-black with real depth.

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

• Tempered Veranda color palette (#F1F3E8, #7DAA7B, #88618F, #6D3B3F, #3F1C11)
• Taupe Workshop color palette (#FAF5E7, #A39B46, #3E7894, #6D4363, #57393B)
• Tempered Field color palette (#EEF8F0, #34AAB4, #8C5F84, #6D4B2A, #453E00)
• Aged Parlor color palette (#FCF3EF, #C5EFEA, #77A493, #417B6E, #5C4D5C)
• Worn Stone color palette (#E9FAF3, #ACB979, #8187BF, #8C5B46, #57364B)
• Aqua Corridor color palette (#E9FDD7, #57CCC3, #1993A2, #366C85, #355950)
• Pale Lapis color palette (#EFFAE1, #009467, #513BC4, #6D2600, #452900)
• Bronze Veranda color palette (#F3FAD7, #B0C6AE, #79A097, #9B5A3E, #6A4500)

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