Quiet Clover color palette — #D4E4D8 · #00BD67 · #00A6C8 · #A78000 · #002711

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

The five colors

• Bone (#D4E4D8): A whisper-light, dusty teal — the color of sea glass.
• Clover (#00BD67): A luminous, vivid teal — the color of shallow lagoons.
• Cyan (#00A6C8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mustard (#A78000): A luminous, balanced gold — the color of honey in a jar.
• Deep Forest (#002711): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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

• Frosted Mint color palette (#DDECC3, #00CE88, #06B5E6, #AF9323, #26300E)
• Sunlit Azure color palette (#D1EAE6, #00B7A9, #2D98FD, #7D9124, #0E2608)
• Linen Moss Corridor color palette (#E3E0CD, #91AD00, #00ACA1, #C76B1D, #1C2300)
• Faded Moss color palette (#D9EAED, #00BACC, #7C91FF, #2CA815, #002A2F)
• Emerald Delta color palette (#D5FFFB, #37AC53, #5C7BDA, #B33D34, #001103)
• Frosted Balcony color palette (#ECF8D1, #89F5CF, #66D6F1, #7EAE74, #2E312B)
• Quiet Alley color palette (#D9EFFF, #5EBEFF, #C78AFF, #00B597, #033A2D)
• Hazy Terrace color palette (#A7F6C6, #0FDD83, #00AF6D, #007D4B, #00180B)

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