Worn Pier color palette — #F4E9DF · #C07300 · #005D49 · #5F3600 · #071100
A conversation between Mustard and Bronze, giving this palette its sense of optimism and balance.
The five colors
- Cream (#F4E9DF): a clean, paper-quiet neutral.
- Mustard (#C07300): A luminous, balanced gold — the color of old brass.
- Pine (#005D49): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#5F3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#071100): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Worn 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
- Washed Amber color palette (#FEF3E6, #CA8C00, #006E5A, #6A4800, #131B0D)
- Worn Bronze color palette (#F6EDDD, #937100, #004944, #3F2F00, #000500)
- Moss Chapel color palette (#EEEBDF, #869100, #005A62, #404600, #001204)
- Dusty Ember color palette (#FAE7DE, #D65D48, #136008, #7C0E00, #0D0F00)
- Moss Hollow color palette (#FBE6CA, #A08A00, #4B6400, #003C24, #002824)
- Faded Aubergine color palette (#FAD7B4, #8C7600, #005D30, #441866, #222700)
- Apricot Atelier color palette (#F9E5EE, #E48C4E, #008284, #984B00, #001015)
- Tempered Chestnut color palette (#F2EEE6, #CFCDBA, #9EA48D, #665300, #342D20)
Browse the whole catalog at Explore, or see today's palette.