Quiet Clover color palette — #FCF7CC · #12C776 · #00927D · #005DA0 · #01402B
A conversation between Clover and Peacock, giving this palette its sense of nature and growth.
The five colors
- Custard (#FCF7CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#12C776): A luminous, vivid teal — the color of sea glass.
- Fern (#00927D): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#01402B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged retro, 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
- Antique Teal color palette (#F0F1D7, #00BCA1, #00888E, #3F4F94, #24361F)
- Timeworn Lime color palette (#FFF5D5, #8EBA00, #009734, #00667A, #253D10)
- Moss Workshop color palette (#FFF2E9, #50A300, #006E6E, #75175A, #143F28)
- Hushed Turquoise color palette (#F5F6EC, #90EDEE, #00B0BD, #008477, #004854)
- Muted Hollow color palette (#DEE6D5, #009E75, #005147, #202A12, #101308)
- Grape Courtyard color palette (#F2FAD2, #00BDCF, #0089B3, #6B3CA9, #003D48)
- Gentle Lime color palette (#FFF1F2, #A3D158, #0098A2, #89316C, #003119)
- Antique Emerald Meadow color palette (#F7F6E4, #99CA8D, #3A9D54, #5A7339, #3A3B34)
Browse the whole catalog at Explore, or see today's palette.