Tempered Fern Field color palette — #D3E6DB · #909F74 · #706600 · #543800 · #001D1B
Built around Olive, softened by Cocoa — the whole palette hums with nature and growth.
The five colors
- Silver (#D3E6DB): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#909F74): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#706600): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#543800): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#001D1B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Fern 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
- Timeworn Market color palette (#F0D9E1, #AC9665, #905405, #662915, #011E13)
- Taupe Market color palette (#D3F0E1, #979C5C, #6B662B, #50430E, #19372E)
- Wandering Driftwood color palette (#FCF5E1, #C8CD97, #948D3B, #685713, #262209)
- Antique Coast color palette (#FFECF4, #97B597, #9F653C, #6E3C35, #16271D)
- Dusty Amber color palette (#D8EEED, #CB925B, #00552C, #00230F, #000707)
- Gentle Balcony color palette (#E8F5F3, #78B177, #3157CF, #066815, #020612)
- Bronze Dune color palette (#F9E2F0, #A06011, #732800, #480010, #000802)
- Aubergine Harbor color palette (#E2F7F6, #008049, #4E3099, #521C00, #000F0F)
Browse the whole catalog at Explore, or see today's palette.