Quiet Clover color palette — #D9E6D2 · #3BBD4D · #00834D · #005A46 · #003E4B
Clover and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D9E6D2): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#3BBD4D): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#00834D): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#005A46): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#003E4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Linen Jade color palette (#DBF8E3, #0FBD95, #00796C, #005250, #0D354B)
- Aged Lime Lantern color palette (#EDF1D6, #5AD523, #009D71, #00756D, #004B52)
- Dusty Moss Hollow color palette (#EAE7C9, #A1A600, #5D8200, #266300, #0B512B)
- Quiet Plum Summit color palette (#EDFBDC, #2BBE8F, #B82497, #006D4F, #59234A)
- Gentle Pine color palette (#EBFCE0, #9FF0F2, #62CBFF, #368C4B, #355033)
- Amethyst Corridor color palette (#DFF3CF, #009579, #7E43EC, #954800, #003A2D)
- Misty Thicket color palette (#FCEDCF, #A2A254, #7E6700, #634200, #2F3B13)
- Linen Cerulean color palette (#CCE7E8, #009AB0, #007192, #00476C, #29245B)
Browse the whole catalog at Explore, or see today's palette.