Tempered Fern color palette — #F8F5EB · #D0DAB3 · #6EBCB3 · #8F9561 · #3D4800
Deep Olive and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F5EB): a clean, paper-quiet neutral.
- Celadon Mist (#D0DAB3): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#6EBCB3): A luminous, dusty teal — the color of shallow lagoons.
- Moss (#8F9561): A luminous, dusty green — the color of a quiet forest floor.
- Deep Olive (#3D4800): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Tempered Fern 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
- Tempered Cocoa Hollow color palette (#FBF4EE, #E7DDC6, #A8BE95, #86A384, #624900)
- Teal Drift color palette (#F6F6ED, #C4F4CE, #59B193, #7D7A30, #343E00)
- Dusty Teal color palette (#F9F5E9, #C9CEA3, #59B39E, #508BAF, #223D20)
- Softworn Fern Station color palette (#E6E5D3, #64A889, #008083, #476000, #00140B)
- Muted Courtyard color palette (#EDF8F5, #9FCFCC, #629D88, #647A51, #294947)
- Hazy Harbor color palette (#E6FCEC, #54D1E7, #F69A6A, #C0913D, #243F2D)
- Patina Meadow color palette (#E4F7EF, #8CC399, #45817A, #3A5E50, #0B2D2C)
- Dusty Pine Harbor color palette (#F2E6DA, #8D8C51, #257520, #005358, #070600)
Browse the whole catalog at Explore, or see today's palette.