Quiet Clover color palette — #E7EDDF · #16B93A · #008F69 · #00574F · #003237

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

The five colors

• Cream (#E7EDDF): bright and airy, almost weightless.
• Clover (#16B93A): A luminous, vivid green — the color of new leaves after rain.
• Fern (#008F69): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00574F): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#003237): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Quiet 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

• Sunlit Moss color palette (#E0E0CE, #7CAA00, #008837, #006049, #003A35)
• Wandering Chapel color palette (#D6EBD8, #00B68A, #008577, #005C62, #00323F)
• Teal Basin color palette (#A4F7EC, #00CABD, #008781, #004A47, #001E1D)
• Tempered Moss Summit color palette (#F4EADB, #AF9900, #707900, #2F6100, #003D23)
• Patina Lantern color palette (#E2F5CF, #81E5F3, #89B0ED, #5B7F3D, #243B22)
• Faded Drift color palette (#D2E5C3, #2EC4A1, #B94482, #00755D, #46122E)
• Raspberry Courtyard color palette (#C5EEDF, #009D7C, #C53995, #A7434D, #00261C)
• Soft Bronze color palette (#EDE1C6, #96A859, #837102, #674513, #242607)

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