Worn Pier color palette — #FCF5DE · #8DB769 · #538463 · #386450 · #494C00
Sage and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FCF5DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8DB769): A luminous, balanced green — the color of fresh herbs.
- Fern (#538463): A full-bodied, dusty teal — the color of sea glass.
- Pine (#386450): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#494C00): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged retro, 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
- Marigold Alley color palette (#FEF4E2, #C7A24B, #7A7A4B, #4B6142, #5C4300)
- Wandering Teal color palette (#F7F6E5, #66BB99, #2B8780, #455A7C, #414C39)
- Stone Pier color palette (#EBFAEE, #B2C78E, #6B9F88, #716790, #314E4A)
- Hushed Lagoon Courtyard color palette (#FCF0DD, #A0B47E, #48876D, #6B4457, #2C2E1A)
- Pale Emerald Lagoon color palette (#EFFDC8, #00A75B, #00705E, #004879, #03402A)
- Weathered Emerald Balcony color palette (#F0F4E1, #41914E, #324400, #282A21, #131612)
- Hushed Ash Harbor color palette (#F4F6EE, #C4E7EA, #7A9DBD, #4E7964, #5E4B5F)
- Gentle Lagoon color palette (#D5E6BA, #008D65, #005953, #093068, #1A290B)
Browse the whole catalog at Explore, or see today's palette.