Weathered Pier color palette — #D1ECDD · #C28400 · #423C00 · #1F1B00 · #000E0E

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

The five colors

• Honeydew (#D1ECDD): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#C28400): A luminous, balanced gold — the color of old brass.
• Deep Olive (#423C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#1F1B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000E0E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Weathered 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

• Softworn Ridge color palette (#E5F8E9, #B28700, #005D79, #5A4200, #001420)
• Amber Workshop color palette (#CBE4E3, #C7734B, #004123, #001C0C, #00080D)
• Marigold Study color palette (#CAEFD9, #D6A200, #695B00, #362E00, #001409)
• Timeworn Amber color palette (#FDD9E7, #AA9100, #583000, #2A1400, #200411)
• Mustard Pier color palette (#F1E4C3, #F1B22F, #8F8000, #594F00, #160E00)
• Airy Amber color palette (#DFFDF8, #E48744, #09580E, #033004, #00201D)
• Softworn Stone Pier color palette (#EAF8FC, #E09994, #005E5F, #003440, #151D25)
• Fern Study color palette (#EDF8F4, #DEB990, #5B642B, #1B4135, #1B2829)

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