Quiet Clover color palette — #E9EEE0 · #3FC46F · #008E7A · #005663 · #002A3D
Built around Clover, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#E9EEE0): bright and airy, almost weightless.
- Clover (#3FC46F): A luminous, vivid teal — the color of sea glass.
- Fern (#008E7A): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005663): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#002A3D): 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 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
- Softworn Mint Dune color palette (#E6FFC9, #00DE76, #00948C, #005560, #001C30)
- Lime Market color palette (#F7EFD5, #9DB300, #00913E, #005F53, #002C31)
- Antique Teal Basin color palette (#D1F7E4, #00A78F, #007068, #004143, #002D32)
- Soft Basin color palette (#FFDBD2, #2EB546, #007E87, #92002E, #003223)
- Gentle Navy color palette (#DDF7E4, #00BEAC, #00889C, #005581, #13007D)
- Dusty Market color palette (#DDFCFF, #B9E10C, #00D3A8, #0094CC, #003431)
- Tempered Lagoon color palette (#CCE4E8, #008B7A, #003F4C, #00201B, #000A09)
- Pine Basin color palette (#EBF8F7, #CDE3E6, #8EC9D3, #009042, #073B39)
Browse the whole catalog at Explore, or see today's palette.