Clover Lagoon color palette — #FFF3E7 · #DFC75B · #0EC857 · #B4280B · #453100

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Honey (#DFC75B): A whisper-light, balanced green — the color of new leaves after rain.
• Clover (#0EC857): A luminous, vivid green — the color of a quiet forest floor.
• Brick (#B4280B): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#453100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged pastel, light, vibrant.

Use it as a design system

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

• Ancient Brick Veranda color palette (#FFF1EA, #F0D48B, #82AF27, #AA102D, #4B2D09)
• Sunlit Jade color palette (#DFFFE2, #BFD352, #00C283, #8F4800, #443A07)
• Ancient Delta color palette (#FFF0D6, #EBCA3C, #AFB905, #935B00, #251B00)
• Powdered Mustard color palette (#FFF4E1, #F9DF7B, #C6C539, #AA6800, #433200)
• Teal Bloom color palette (#CEFBE9, #B0DDB7, #00B9B5, #774F00, #283D1C)
• Faded Parlor color palette (#FFEBFD, #FFCBA8, #B99B00, #982D76, #612912)
• Weathered Mint color palette (#DCFFEA, #8BF2EE, #00D9C7, #9B5A00, #454E22)
• Amber Loft color palette (#FCD6B4, #B18600, #844C00, #6C1D00, #2C2B00)

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