Clover Lagoon color palette — #F2DEDA · #ABB4FF · #65C646 · #042D28 · #031311

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

The five colors

• Shell Pink (#F2DEDA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Lavender (#ABB4FF): A luminous, balanced violet — the color of a velvet chair.
• Clover (#65C646): A luminous, vivid green — the color of fresh herbs.
• Deep Forest (#042D28): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#031311): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, 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

• Tempered Mustard color palette (#FCEAEF, #8FBDFF, #B6B200, #0C2A1E, #08140F)
• Mint Dune color palette (#FEDBE8, #C8C2FF, #00E189, #40433C, #25291C)
• Softworn Honey Delta color palette (#EFD9EB, #F4C534, #00B577, #083333, #071010)
• Fuchsia Pier color palette (#F3E5C8, #F28FFE, #00C5B6, #092A2F, #091517)
• Mint Meadow color palette (#E2DDF7, #77D0FF, #00CEAF, #204155, #1F2D2F)
• Magenta Quarry color palette (#FCD4CA, #F527F9, #00A682, #001E15, #000707)
• Wandering Cobalt color palette (#EAF4F5, #73C6AE, #4677B1, #007660, #060F1A)
• Dusty Villa color palette (#EBF3F6, #D4D7E0, #BBBBCB, #398286, #202F34)

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