Tempered Fern color palette — #E2E1C3 · #798700 · #166C0B · #003F23 · #001511

Olive and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E2E1C3): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#798700): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#166C0B): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#003F23): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001511): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Washed Corridor color palette (#DCE9CC, #447B00, #0C5108, #002E0F, #001614)
• Quiet Bronze color palette (#EEDCC7, #997200, #5A5800, #233600, #001603)
• Lagoon Bloom color palette (#D2EFD5, #008A66, #006964, #004048, #00121B)
• Weathered Emerald Basin color palette (#E2F2E9, #00A369, #006244, #002B1C, #000301)
• Timeworn Boulevard color palette (#DDE2C7, #75B900, #009A3D, #00624E, #003732)
• Grape Archive color palette (#D7EEEC, #26A05A, #8200AA, #005429, #1C0028)
• Dusty Chapel color palette (#C7ECE9, #51CABF, #18A2DD, #646300, #002418)
• Peony Corridor color palette (#F1DCD9, #E900B9, #009372, #001810, #000203)

Browse the whole catalog at Explore, or see today's palette.