Tempered Clover Lantern color palette — #DBE2CF · #5BBC54 · #008165 · #004C48 · #002630

Clover and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#DBE2CF): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#5BBC54): A luminous, vivid green — the color of new leaves after rain.
• Teal (#008165): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004C48): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#002630): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Calm, Balance. Tagged cool.

Use it as a design system

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

• Muted Summit color palette (#D5EBD2, #37C378, #008563, #005F53, #024254)
• Tempered Olive Harbor color palette (#EBDEC0, #A0A900, #498800, #005632, #002823)
• Worn Emerald Canyon color palette (#E2F0D3, #08A05B, #006758, #003A3E, #001621)
• Pale Meadow color palette (#E0FFDF, #5DF5A0, #00A781, #007161, #003938)
• Gentle Teal color palette (#C5FFFA, #00C5B2, #008282, #004643, #001311)
• Aged Bloom color palette (#D0F5E5, #5FC3B5, #00869E, #005376, #162B4B)
• Wandering Bronze color palette (#D1F3DF, #91AA6F, #7B6B00, #633800, #002310)
• Weathered Peony color palette (#DAF8FF, #00AFA6, #C948A6, #006964, #3E0030)

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