Tempered Fern color palette — #D7E6E0 · #BD9E00 · #818E00 · #276B00 · #010100

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

The five colors

• Parchment (#D7E6E0): bright and airy, almost weightless.
• Mustard (#BD9E00): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#818E00): A luminous, balanced green — the color of new leaves after rain.
• Olive (#276B00): A full-bodied, balanced green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, 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

• Dusty Studio color palette (#DCEFEA, #9AA800, #5B9800, #005F3A, #000200)
• Washed Bronze color palette (#EEE7CD, #997E00, #5F6800, #234800, #020400)
• Quiet Amber color palette (#DDF5E0, #E48700, #9E7300, #615B00, #020100)
• Patina Tangerine color palette (#D5F7E6, #EC7B00, #969A00, #008E6B, #030700)
• Lagoon Ridge color palette (#E3EEDF, #609270, #165344, #002638, #000105)
• Ultramarine Hollow color palette (#DEF5F5, #007F53, #0050AC, #003520, #000105)
• Antique Mint color palette (#DFFBFF, #00DE91, #00A890, #007F87, #000201)
• Sunlit Chartreuse Summit color palette (#DBFEF7, #E1F478, #97DD67, #00AC6D, #001B03)

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