Clover Studio color palette — #F4F8E4 · #48BD60 · #006794 · #005E20 · #000103
A conversation between Clover and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F8E4): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#48BD60): A luminous, vivid green — the color of new leaves after rain.
- Peacock (#006794): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005E20): A full-bodied, balanced green — the color of fresh herbs.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
Use it as a design system
One click turns Clover Studio 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
- Patina Moss color palette (#F9F5E7, #A0AB3F, #006B7F, #4D5300, #000201)
- Lapis Ridge color palette (#F1F9E4, #3FBC84, #4F3FD6, #005D3B, #01000A)
- Denim Delta color palette (#E4EEDB, #00A683, #004D93, #004737, #000104)
- Lagoon Veranda color palette (#FFE8E4, #00A186, #005C80, #570201, #000505)
- Quiet Teal color palette (#A9F9BA, #00BB9D, #006E7E, #003750, #000314)
- Faded Indigo color palette (#EBFBE3, #00E2C5, #7660F5, #007C6C, #02000C)
- Dusty Cypress color palette (#F2F7EF, #C7E1DB, #A2C4B6, #00705C, #070F03)
- Teal Corridor color palette (#D4E9EA, #51C19D, #00949D, #008B6A, #000405)
Browse the whole catalog at Explore, or see today's palette.