Worn Pine Field color palette — #E6F6F1 · #96BDB4 · #5B8059 · #714A38 · #052E28
Fern and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E6F6F1): a clean, paper-quiet neutral.
- Ash (#96BDB4): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#5B8059): A full-bodied, dusty green — the color of fresh herbs.
- Coffee (#714A38): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Forest (#052E28): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Worn Pine Field 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
- Pine Field color palette (#E3F7F1, #78ACA1, #437144, #59430C, #00221D)
- Worn Lagoon color palette (#EAF4F4, #AACBCC, #578D93, #4D6A4F, #1F3637)
- Pine Terrace color palette (#FAF5E7, #A0B891, #3C8460, #764B58, #474500)
- Emerald Pier color palette (#FFECF3, #CB986C, #3CA46D, #935200, #003019)
- Worn Emerald color palette (#F7F6E9, #B1CFA1, #65A067, #9B6236, #464500)
- Dusty Bronze color palette (#DFFBDC, #D7AC80, #A36610, #563400, #221200)
- Ash Market color palette (#EDF8F2, #BAE6EF, #7AAB91, #737198, #16413A)
- Ancient Fern color palette (#D8E8E1, #83965E, #356300, #4F3200, #001711)
Browse the whole catalog at Explore, or see today's palette.