Tempered Fern color palette — #E4F7EF · #BEDBD9 · #86B4C0 · #5A6100 · #002016
Built around Olive, softened by Ash — the whole palette hums with nature and growth.
The five colors
- Cream (#E4F7EF): A whisper-light, dusty teal — the color of sea glass.
- Silver (#BEDBD9): A whisper-light, dusty teal — the color of sea glass.
- Ash (#86B4C0): A luminous, dusty blue — the color of deep harbor water.
- Olive (#5A6100): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#002016): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged scandi, 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
- Weathered Cypress Meadow color palette (#EAF4F5, #CED7E3, #AAB9C8, #1E755C, #102426)
- Worn Studio color palette (#FAEEF2, #C2DBCE, #91B4AF, #814D00, #27121A)
- Weathered Abyss color palette (#E0EAEB, #A8B6BD, #7C8FA7, #004F45, #000E10)
- Hushed Olive color palette (#F8F5E9, #DCE0D1, #ACC6AB, #748000, #34332C)
- Moss Lagoon color palette (#D3ECD8, #86A141, #006D41, #503A00, #121900)
- Spruce Alley color palette (#E3EEEC, #809193, #50707F, #133200, #000201)
- Pale Studio color palette (#CBE9D8, #817200, #1D3AB2, #55002E, #22000F)
- Washed Cocoa color palette (#F9DDC2, #98A354, #00776E, #752500, #451200)
Browse the whole catalog at Explore, or see today's palette.