Weathered Pier color palette — #D6E6DC · #5F854C · #00503D · #002E40 · #020B00
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#D6E6DC): A whisper-light, dusty teal — the color of glacier melt.
- Fern (#5F854C): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00503D): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002E40): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#020B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Bronze color palette (#FEE6F2, #91742D, #3D4A00, #00322B, #0C0700)
- Ancient Summit color palette (#F7F6E6, #7BB186, #007155, #004548, #000B02)
- Hushed Forest Lagoon color palette (#FEE4EC, #807C2C, #125202, #44103F, #090800)
- Patina Pier color palette (#DAEBE0, #79986B, #00644E, #5C2237, #061700)
- Lagoon Orchard color palette (#E8F6EF, #97BCB7, #3F8376, #2C5A78, #012F2B)
- Midnight Fern color palette (#DAE6D9, #5C5C0E, #023406, #290020, #010100)
- Hushed Delta color palette (#F8E0F0, #8A5E00, #383900, #2C004B, #050200)
- Aubergine Studio color palette (#F9DBE9, #AD9242, #4C6600, #582169, #1D1500)
Browse the whole catalog at Explore, or see today's palette.