Washed Pier color palette — #F9F3FA · #82B5F0 · #BB7C48 · #1F7774 · #314A2F

Built around Caramel, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3FA): bright and airy, almost weightless.
• Sky (#82B5F0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#BB7C48): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#1F7774): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#314A2F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Weathered Terrace color palette (#EFF8F0, #72C0C7, #C76E76, #21796A, #36492D)
• Tempered Mallow color palette (#F4F4FF, #DCBDF3, #AE9769, #607246, #00423F)
• Tempered Moss color palette (#FCF2F7, #B0A9E1, #8F923A, #436C98, #503953)
• Hazy Alley color palette (#FFF0FF, #5CA5FF, #A75900, #005F75, #00354D)
• Weathered Lilac Workshop color palette (#F4F4FF, #AB85CA, #94624D, #425C39, #28465A)
• Powder Corridor color palette (#FAF4EF, #C4E0ED, #94B2E4, #58938A, #634A57)
• Wandering Blush Lantern color palette (#FFF1F6, #E0ADDF, #D87EAB, #A8686D, #534C48)
• Driftwood Station color palette (#E4FBF4, #EFCCD9, #C5A9A1, #708871, #49574A)

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