Clover Orchard color palette — #ECDCD4 · #22C62B · #2C72E8 · #001544 · #0D010D
Clover takes the lead with Sapphire close behind in a set that reads as nature and growth at first glance.
The five colors
- Bone (#ECDCD4): A whisper-light, dusty orange — the color of autumn markets.
- Clover (#22C62B): A luminous, vivid green — the color of fresh herbs.
- Sapphire (#2C72E8): A full-bodied, vivid violet — the color of twilight just after sunset.
- Midnight (#001544): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#0D010D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Clover Orchard 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 Indigo color palette (#F9EACF, #00C378, #6862E8, #171245, #0E0109)
- Hushed Sapphire color palette (#FFEDD1, #959C00, #376BE4, #031443, #0C030C)
- Linen Orchard color palette (#EFF1DC, #2FC93C, #9C32E4, #280340, #0F0105)
- Mustard Loft color palette (#F6DEDC, #C6A60F, #007EB2, #001D2D, #000804)
- Softworn Aqua color palette (#F0E3D9, #00D5D5, #0094C9, #070C17, #000103)
- Hushed Iris color palette (#E5E6D4, #00DCB9, #9779E9, #352161, #28111D)
- Nightshade Summit color palette (#F2E0EA, #909A44, #3F3094, #190053, #080004)
- Faded Rose color palette (#F1E8D7, #FF5065, #009CBB, #001A22, #000803)
Browse the whole catalog at Explore, or see today's palette.