Clover Garden color palette — #DEE5D9 · #00CA7F · #008D7C · #005D6A · #002D45

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

The five colors

• Parchment (#DEE5D9): a clean, paper-quiet neutral.
• Clover (#00CA7F): A luminous, vivid teal — the color of shallow lagoons.
• Fern (#008D7C): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005D6A): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002D45): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Clover Garden 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 Pier color palette (#E4FFD1, #26E489, #009A8A, #005863, #001A2B)
• Frosted Mint Terrace color palette (#D9E8E1, #00D5B7, #00A8A0, #007E82, #002C32)
• Sunlit Lime color palette (#EAE5D1, #9BB700, #009347, #006256, #002F35)
• Hushed Clover color palette (#FFDCD0, #00B65B, #007D8C, #900040, #003126)
• Sunlit Navy Station color palette (#D7F2E2, #00C2B2, #008AA2, #00558D, #15007B)
• Hushed Lagoon color palette (#DAEAD5, #008B7C, #003F4D, #00201C, #060900)
• Weathered Chartreuse color palette (#E9FDDC, #B7E100, #00CAAB, #009ED7, #003433)
• Muted Pine color palette (#F3F7EA, #D7E2D2, #A8C7B1, #008F47, #2F3800)

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