Tempered Fern color palette — #D1EBDC · #8A8B58 · #615600 · #443500 · #002C20

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

The five colors

• Honeydew (#D1EBDC): A whisper-light, dusty teal — the color of sea glass.
• Moss (#8A8B58): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#615600): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#443500): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#002C20): A deep, shadowed, dusty teal — the color of sea glass.

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

• Pale Driftwood color palette (#F1DCAE, #A28C3A, #735600, #523600, #2E2A00)
• Dusty Moss color palette (#F1E9D6, #B5B679, #A19000, #826805, #2A2404)
• Softworn Lantern color palette (#DAEBDA, #81621C, #4D3200, #2C1600, #100A00)
• Worn Garnet Pier color palette (#FEDEEE, #B07A50, #7E4421, #611C00, #361D00)
• Tempered Cocoa color palette (#FFF1F6, #92B190, #8D6A4A, #6D482E, #304333)
• Hushed Balcony color palette (#EAFAF0, #A1C1B1, #648B74, #46674E, #384D45)
• Softworn Moss color palette (#CAE3EC, #709B4E, #003E43, #001A1D, #01050F)
• Cocoa Archive color palette (#D2F3F9, #00625A, #5F3600, #2E2B00, #001919)

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