Tempered Lantern color palette — #EAF9F4 · #C6F4C2 · #79AB91 · #588074 · #233E3B

Mint and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Mint (#C6F4C2): A whisper-light, balanced green — the color of a quiet forest floor.
• Jade (#79AB91): A luminous, dusty teal — the color of sea glass.
• Fern (#588074): A full-bodied, dusty teal — the color of sea glass.
• Forest (#233E3B): 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

• Tempered Boulevard color palette (#E4FCF0, #C3E796, #54A75D, #3B776B, #25340F)
• Seafoam Boulevard color palette (#D9FFF2, #53FCE7, #00B5B5, #23808E, #1C455B)
• Ash Grove color palette (#EBF9F3, #ACE1DA, #85B9A5, #76998B, #284945)
• Jade Garden color palette (#DAFEF8, #4FB989, #007060, #00444E, #000A0A)
• Fern Drift color palette (#F4F2E8, #B2B796, #4B826F, #545A27, #272A0E)
• Pine Basin color palette (#E3FCF3, #9BCA8E, #118C56, #215C58, #071E02)
• Airy Summit color palette (#E7F9FF, #4CEDFB, #F4A297, #009CA8, #4A2D45)
• Hushed Turquoise Pier color palette (#E5F9FF, #CDDBEA, #4DB6D6, #036C7F, #00232D)

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