Tempered Fern color palette — #DEF2E7 · #645D00 · #005458 · #2F2B00 · #000404

Olive takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DEF2E7): A whisper-light, dusty teal — the color of sea glass.
• Olive (#645D00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005458): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#2F2B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000404): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Fern Pier color palette (#D9F4ED, #385700, #004257, #142400, #000102)
• Denim Lagoon color palette (#E5DFCE, #676200, #004D87, #312E00, #001023)
• Cypress Canyon color palette (#C8F2F5, #007E5F, #794D00, #00412F, #0E0600)
• Twilit Fern color palette (#CAE7D3, #6D6216, #423500, #211600, #020200)
• Inked Market color palette (#E3F3E5, #604400, #004C19, #5D0019, #020100)
• Antique Mulberry Garden color palette (#DBE9D9, #7E5000, #7E006D, #3C2400, #080006)
• Dusty Market color palette (#F2EEDD, #777F00, #007382, #454A00, #001316)
• Muted Hollow color palette (#CCE8D6, #947D00, #4342F5, #473B00, #00000B)

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