Clover Veranda color palette — #F7F7DC · #60BA5E · #00733C · #5B2E08 · #070800
A conversation between Clover and Pine, giving this palette its sense of nature and growth.
The five colors
- Custard (#F7F7DC): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#60BA5E): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#00733C): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#5B2E08): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#070800): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Clover Veranda 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
- Muted Moss color palette (#FFF4DC, #A6AA2E, #566900, #5F2827, #080800)
- Softworn Jade Field color palette (#DDE6C7, #02A779, #005B4B, #3C2600, #000201)
- Pine Field color palette (#F6F7E1, #8FCD94, #1A8C56, #5C511F, #171B00)
- Quiet Amber color palette (#FFEAD5, #CB7D00, #009066, #6E4100, #000B05)
- Dusty Olive Lantern color palette (#E5E0CD, #688723, #204700, #281800, #010100)
- Celadon Ridge color palette (#FAF7D8, #AEEE8F, #57A75F, #7C683A, #2F2F28)
- Lagoon Alley color palette (#E8E5C9, #83B77F, #3A926A, #855070, #022202)
- Ancient Thicket color palette (#D1E3DD, #5E845C, #005134, #480E36, #000B00)
Browse the whole catalog at Explore, or see today's palette.