Tempered Fern color palette — #EAF4E1 · #3E6800 · #213600 · #18252A · #040A00
Olive and Deep Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EAF4E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#3E6800): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#213600): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Onyx (#18252A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#040A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged monochrome, muted.
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
- Jade Quarry color palette (#C0EFCA, #37B06C, #006831, #002F12, #000802)
- Inked Cabin color palette (#F5E7CE, #745500, #382600, #1A2321, #0E0700)
- Washed Moss Meadow color palette (#E3ECDB, #659200, #264A00, #0A1919, #040700)
- Airy Loft color palette (#D6FFD3, #63C766, #0E871D, #094205, #021901)
- Lowlit Balcony color palette (#E5EDE3, #00665E, #1D314B, #002421, #000201)
- Timeworn Lagoon Workshop color palette (#CEE8E0, #009377, #004F42, #001D16, #000201)
- Antique Hollow color palette (#B6F3FF, #00B3C6, #006672, #00373F, #000C0F)
- Hushed Terrace color palette (#E0FBD8, #66D0C1, #00887F, #004F49, #001E1A)
Browse the whole catalog at Explore, or see today's palette.