Washed Pier color palette — #D2E6D6 · #CA9800 · #616E3B · #344738 · #1A0D13

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

The five colors

• Celadon Mist (#D2E6D6): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#CA9800): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#616E3B): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#344738): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#1A0D13): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Antique Canyon color palette (#D6EDE4, #9BAD00, #4A7256, #2C493E, #08150C)
• Washed Market color palette (#FDDCE7, #E08A00, #6E6938, #563742, #180E15)
• Amber Corridor color palette (#CEF2DB, #A48A00, #2A5E54, #1F3528, #090305)
• Tempered Bronze color palette (#EEE0C8, #A78000, #4E460E, #31240E, #181007)
• Washed Olive color palette (#CCECE0, #738300, #224C32, #01241A, #000301)
• Washed Study color palette (#D7F8F5, #00AE52, #006760, #193E23, #000A06)
• Mint Corridor color palette (#E0F7F7, #4AD39A, #698087, #4A5858, #1C2422)
• Sunlit Mustard color palette (#F7EBDA, #DDBD00, #A2A500, #4D9022, #114C26)

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