Quiet Clover color palette — #FBEBD9 · #00C6DA · #00CA3E · #1B4920 · #021816
A conversation between Clover and Cyan, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBEBD9): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Cyan (#00C6DA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Clover (#00CA3E): A luminous, vivid green — the color of a quiet forest floor.
- Forest (#1B4920): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#021816): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.
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
- Hazy Mint color palette (#ECE4D1, #0AD7F0, #00DA79, #275538, #092323)
- Weathered Lime color palette (#FBDAC5, #00CCAD, #8EBA00, #3B4C18, #011A14)
- Sky Workshop color palette (#E6E5F9, #54B9FF, #00C2A8, #00493E, #03171A)
- Aged Moss Harbor color palette (#FDE0F9, #86A7FF, #6EA400, #1F3300, #001510)
- Hushed Loft color palette (#E9E8CB, #A7D5FF, #00E6CF, #315D65, #1D2E31)
- Muted Workshop color palette (#EBD8E7, #A8C2FF, #8CC900, #0C1700, #030200)
- Tempered Courtyard color palette (#E6F1F2, #CBD4DD, #ACBBCD, #00A996, #1D3235)
- Emerald Hollow color palette (#ECE1C8, #00A5C8, #00A05C, #101500, #040600)
Browse the whole catalog at Explore, or see today's palette.