Clover Courtyard color palette — #DCF0D6 · #3BBC67 · #007248 · #00392B · #000705
Built around Clover, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DCF0D6): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#3BBC67): A luminous, vivid teal — the color of shallow lagoons.
- Pine (#007248): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#00392B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000705): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Clover Courtyard 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
- Tempered Teal color palette (#D9EFE7, #00B5A0, #00736E, #003B3F, #000304)
- Frosted Emerald color palette (#F6EFCB, #36A340, #006449, #002F47, #000601)
- Weathered Atelier color palette (#D3EB90, #7AB333, #1C7408, #003918, #000904)
- Emerald Workshop color palette (#E5E0C2, #8AAA50, #009951, #006055, #001D22)
- Linen Orchard color palette (#35FEEE, #00AFB1, #006F7B, #00313C, #000306)
- Wandering Ridge color palette (#FFDE7F, #AE9900, #676B00, #293400, #010300)
- Hushed Mint color palette (#D9FFF1, #00D9C4, #008F8B, #00595F, #002128)
- Worn Teal Summit color palette (#B0F7D5, #5AB7A7, #387C80, #253B6B, #191539)
Browse the whole catalog at Explore, or see today's palette.