Tempered Lantern color palette — #EAFAEF · #9DBB81 · #3F8367 · #5A5571 · #314842

A conversation between Sage and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EAFAEF): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9DBB81): A luminous, balanced green — the color of fresh herbs.
• Fern (#3F8367): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#5A5571): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#314842): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Lantern 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

• Antique Driftwood Grove color palette (#E8FAF1, #BECB9E, #82976E, #657863, #2C4940)
• Worn Corridor color palette (#EAFBE8, #ABA923, #3C7A3A, #6A491F, #194433)
• Wandering Moss Summit color palette (#E2FCF0, #A3A645, #9478C7, #696B00, #3C3F60)
• Patina Olive color palette (#D8FFF3, #9ACD80, #5E7F2C, #304D1D, #2A360B)
• Timeworn Chestnut Cabin color palette (#F5F2E5, #BAB48F, #667E4E, #764A04, #2C280F)
• Tempered Marigold color palette (#FFDCBF, #C8A02B, #827900, #3C622D, #1E4E50)
• Worn Grove color palette (#E3FCEE, #C3E8F9, #8ED5E1, #997753, #3D5852)
• Frosted Emerald Lagoon color palette (#CCF7E5, #38AB62, #006961, #5F3050, #0B371B)

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