Clover Alley color palette — #D5E9E7 · #40C866 · #547680 · #3A4E4C · #111B17

A conversation between Clover and Slate, giving this palette its sense of nature and growth.

The five colors

• Frost (#D5E9E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#40C866): A luminous, vivid green — the color of new leaves after rain.
• Slate (#547680): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#3A4E4C): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#111B17): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Patina Mint color palette (#E3F6F9, #00D3BC, #687F8E, #47585B, #1C2322)
• Dusty Mustard Hollow color palette (#D4EBDE, #C0AC00, #547874, #404D46, #1D1619)
• Emerald Hollow color palette (#E3E7D5, #00AC53, #45523C, #2D2F28, #191912)
• Softworn Turquoise Canyon color palette (#DAF3FC, #00B6C3, #496A8E, #2D464F, #041515)
• Oat Delta color palette (#EBFAEE, #C9DFA5, #85BA9C, #7D9883, #2D4941)
• Softworn Dune color palette (#D9F4C2, #6FE2A3, #2DC4AA, #3297A1, #2A4C63)
• Cerulean Pier color palette (#DBF3FF, #009CB5, #415476, #1A333F, #000607)
• Weathered Pine Workshop color palette (#DAF0F0, #007F50, #003A40, #161E23, #000909)

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