Clover Lantern color palette — #F0F4E7 · #19C863 · #007A7D · #006E32 · #000D01

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

The five colors

• Cream (#F0F4E7): a clean, paper-quiet neutral.
• Clover (#19C863): A luminous, vivid teal — the color of glacier melt.
• Teal (#007A7D): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#006E32): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#000D01): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Energy, Balance. Tagged duotone.

Use it as a design system

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

• Teal Alley color palette (#ECF5E8, #00C2A9, #00788C, #006A5C, #000D04)
• Linen Lime Delta color palette (#E4FBF4, #86B400, #007181, #466000, #03212C)
• Dusty Lime Balcony color palette (#F4F2E7, #A6B200, #008046, #5A6100, #070B00)
• Patina Jade Terrace color palette (#E2E7DB, #33A476, #00616A, #005438, #000301)
• Misty Summit color palette (#F5F5CF, #00A98E, #007072, #1E2C96, #00221E)
• Lime Cabin color palette (#E6FAF7, #46DC59, #009C88, #009126, #002226)
• Teal Pier color palette (#99F6D4, #00B9A2, #007E7A, #004C51, #002026)
• Dusty Seafoam color palette (#E8F7E1, #42F8AF, #00CCB3, #009398, #00201E)

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