Worn Pier color palette — #FFF4E2 · #A58A00 · #387000 · #0D2EB1 · #383800
Indigo and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#A58A00): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#387000): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#0D2EB1): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Olive (#383800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged retro, vibrant.
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
- Amber Coast color palette (#FFF4E2, #B87F0A, #5C6700, #004879, #423400)
- Misty Navy Cabin color palette (#FBECD5, #818E3D, #006C40, #3E307C, #31312A)
- Frosted Nightshade color palette (#F0DBBA, #817B00, #005E1A, #250C8F, #202800)
- Pine Lantern color palette (#FFEEE2, #C87E00, #107D24, #4A1974, #221C00)
- Nightshade Station color palette (#FFF5DB, #8D7F00, #006863, #2F00B5, #5E002B)
- Patina Aubergine Lagoon color palette (#FFF4E2, #56A053, #007065, #651087, #004125)
- Emerald Studio color palette (#FFF0F8, #E69200, #17A033, #663994, #3E3503)
- Aged Meadow color palette (#F4E0C1, #4F7300, #004935, #30005D, #011D02)
Browse the whole catalog at Explore, or see today's palette.