Tempered Fern color palette — #DFFDF1 · #94AC69 · #3D6F14 · #523500 · #000A07

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

The five colors

• Honeydew (#DFFDF1): A whisper-light, dusty teal — the color of sea glass.
• Sage (#94AC69): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#3D6F14): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#523500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000A07): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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

• Teal Thicket color palette (#D9FEFC, #54B794, #00705F, #503600, #000A0B)
• Softworn Moss color palette (#EEEAC9, #A49C00, #626A00, #324000, #081200)
• Chalky Olive color palette (#E4FFD1, #83BC5B, #3F7800, #173000, #000200)
• Softworn Emerald color palette (#CCE8E2, #5EA064, #005D35, #342B00, #000200)
• Worn Hollow color palette (#CFF9E9, #8C9C00, #CF3E4C, #4A5300, #170002)
• Ancient Pine Pier color palette (#E4FBF4, #A1C88F, #4B8650, #49572F, #091E00)
• Olive Quarry color palette (#F2EAD3, #618540, #005130, #481427, #030A00)
• Olive Study color palette (#D1EBBC, #578C00, #007A7C, #7A4700, #010200)

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