Clover Lantern color palette — #FFF4DE · #00CB64 · #008480 · #6E0D7E · #001E13

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

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Clover (#00CB64): A luminous, vivid teal — the color of sea glass.
• Teal (#008480): A full-bodied, balanced teal — the color of shallow lagoons.
• Plum (#6E0D7E): A deep, shadowed, vivid pink — the color of peonies in June.
• Ink (#001E13): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged retro.

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

• Mulberry Canyon color palette (#FFF4DE, #00C4B2, #007F9E, #81004E, #001D1E)
• Quiet Lime color palette (#FFF4DE, #9FB800, #008856, #492999, #0B1E00)
• Jade Alley color palette (#F0FADE, #00B672, #006DBE, #710054, #1C0F00)
• Feathered Aubergine Pier color palette (#FAE2B1, #009648, #005F5C, #5B0069, #003222)
• Worn Moss Lantern color palette (#F2E0F9, #6F8C00, #005E62, #5F002C, #001807)
• Tempered Boulevard color palette (#C2FDE9, #009476, #4B4750, #003233, #000A06)
• Plum Harbor color palette (#FFDBD2, #AEBC00, #00A39E, #C7004D, #023305)
• Seafoam Terrace color palette (#DDFFE8, #65E3DD, #3BA2C2, #874F73, #501A21)

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