Clover Field color palette — #F1EED8 · #00CD66 · #6467EA · #0C0936 · #010310
Built around Clover, softened by Cornflower Indigo — the whole palette hums with nature and growth.
The five colors
- Cream (#F1EED8): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#00CD66): A luminous, vivid teal — the color of shallow lagoons.
- Cornflower Indigo (#6467EA): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#0C0936): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#010310): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Clover Field 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
- Soft Grove color palette (#E3F0E1, #00C6B1, #7361EA, #150E37, #020417)
- Clover Corridor color palette (#F5DCC3, #0FCE36, #007ED6, #001A33, #000815)
- Pale Violet Coast color palette (#E5F3D8, #00CB8A, #9873E5, #371B63, #210A16)
- Antique Iris color palette (#D9E7CE, #17D5F7, #817DEA, #1D1B3F, #070C1E)
- Hushed Mustard color palette (#E8DDD3, #CBAB07, #0083BA, #001A29, #00040B)
- Airy Jade color palette (#E0E7FF, #00B163, #40228C, #180045, #010015)
- Worn Amber Grove color palette (#D9F4EC, #D48A00, #00A2A1, #001919, #000608)
- Ancient Chartreuse color palette (#E6F4EB, #AADD8B, #BCAEFF, #2A2D3B, #191B20)
Browse the whole catalog at Explore, or see today's palette.