Tempered Fern color palette — #D2E7F4 · #007997 · #466500 · #004052 · #131F00
Built around Olive, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Frost (#D2E7F4): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007997): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#466500): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Teal (#004052): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#131F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Denim Orchard color palette (#DDEEFE, #00639F, #005C23, #002F4F, #001504)
- Cypress Bloom color palette (#D6E7E2, #007F6D, #755200, #004439, #261800)
- Chestnut Lagoon color palette (#D7EFFF, #007698, #894100, #003C50, #120400)
- Hushed Veranda color palette (#D7EFFF, #00618D, #6812A7, #004838, #001421)
- Grape Boulevard color palette (#D7F3FF, #007B8A, #7B1CB2, #00414A, #29023F)
- Bronze Garden color palette (#DCEDE4, #0093BE, #B25800, #005B77, #2E1200)
- Worn Cobalt color palette (#DFEFFA, #0085C4, #004769, #001F32, #000B17)
- Iris Workshop color palette (#DEEFFF, #93BFFF, #7786E5, #005A78, #122A41)
Browse the whole catalog at Explore, or see today's palette.