Tempered Fern color palette — #C9E8D5 · #00778E · #4D5D00 · #00313C · #010100

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

The five colors

• Celadon Mist (#C9E8D5): A whisper-light, dusty teal — the color of sea glass.
• Teal (#00778E): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#4D5D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#00313C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#010100): 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

• Quiet Study color palette (#DFEDDC, #007B75, #5400DB, #003330, #010009)
• Antique Aubergine Lantern color palette (#DBEFFF, #005A88, #630098, #003B30, #000103)
• Lowlit Cocoa Dune color palette (#DBEBF5, #00556B, #652400, #00222D, #030000)
• Bronze Workshop color palette (#CCE8D7, #008CAA, #B05200, #005E73, #0E0300)
• Gentle Cornflower color palette (#BDEBDA, #87C0FF, #6283FF, #00546F, #000201)
• Aged Cobalt color palette (#D4E3ED, #008EC8, #004868, #211A20, #000A14)
• Smoked Bronze color palette (#F0DEC5, #896F1F, #4F3700, #1D0F00, #020100)
• Deep Navy Boulevard color palette (#EDDDEA, #009069, #020060, #0C0104, #00000C)

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