Clover Lagoon color palette — #BEE9ED · #0CCE37 · #C29800 · #302300 · #041509

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

The five colors

• Frost (#BEE9ED): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#0CCE37): A luminous, vivid green — the color of new leaves after rain.
• Mustard (#C29800): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#302300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#041509): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged neon, dark, 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

• Mint Loft color palette (#EEDDDD, #00C98E, #BE9B00, #342800, #061A0E)
• Chalky Chartreuse color palette (#D2E2E5, #00EA60, #D0B100, #1E1400, #040200)
• Hushed Tangerine Station color palette (#C4EBDC, #BAAF00, #F07800, #431D00, #1C0B14)
• Timeworn Pine Orchard color palette (#DBE7C9, #80B26E, #008E35, #005E38, #002E20)
• Hushed Harbor color palette (#DAE9FC, #00C7DF, #3BC506, #0C3D01, #001B18)
• Worn Summit color palette (#E3EEE8, #B3A835, #00893C, #6E6500, #001110)
• Washed Ridge color palette (#D5E2D6, #C39F5A, #724D00, #382400, #001002)
• Feathered Amber Terrace color palette (#E6E7F7, #00BCBC, #DC7100, #2C1F00, #1B0F15)

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