Sunlit Clover color palette — #D3E6CA · #28B658 · #007550 · #005141 · #002724

Clover takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D3E6CA): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#28B658): A luminous, vivid green — the color of new leaves after rain.
• Pine (#007550): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#002724): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Calm, Balance. Tagged cool.

Use it as a design system

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

• Teal Courtyard color palette (#D3F5E3, #00B19A, #007B76, #004850, #002A34)
• Emerald Drift color palette (#D4F0D6, #68C682, #0B9A64, #007054, #004133)
• Soft Moss color palette (#E5E3C2, #919C00, #537100, #185114, #002A16)
• Washed Plum Atelier color palette (#E3EDD8, #2ABA8E, #A54483, #00654A, #2F0D23)
• Dusty Pine color palette (#E4F1E4, #00885A, #004E3C, #00302C, #000D0D)
• Timeworn Taupe Balcony color palette (#EDDFC2, #9C9E4D, #776309, #533808, #1C1800)
• Glacier Atelier color palette (#E8F8DE, #7EEEF3, #75C2EB, #4F825D, #1D2B19)
• Aqua Workshop color palette (#D6F4D0, #49CAD5, #1D94AA, #2A5F76, #183A30)

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