Clover Study color palette — #C4E7F2 · #48C200 · #009697 · #463EC6 · #001E2C

Clover and Iris set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#C4E7F2): A whisper-light, dusty blue — the color of open sky before noon.
• Clover (#48C200): A luminous, vivid green — the color of a quiet forest floor.
• Cerulean (#009697): A luminous, balanced teal — the color of shallow lagoons.
• Iris (#463EC6): A full-bodied, vivid violet — the color of a velvet chair.
• Midnight (#001E2C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

One click turns Clover Study 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

• Clover Meadow color palette (#E1F0F7, #00C674, #00889F, #7239A4, #001227)
• Hushed Moss Canyon color palette (#D3F8E5, #9CA100, #009769, #004FA3, #00201F)
• Sapphire Field color palette (#C8E2FC, #00B5A4, #1074F4, #8A2B85, #120E37)
• Ancient Bloom color palette (#EDF7FF, #00D4B6, #00A5D6, #9C23DD, #0B2458)
• Powdered Quarry color palette (#C0E7F5, #00C9B8, #00ABB3, #0085A7, #00181C)
• Washed Teal color palette (#DCEEDF, #00ACA2, #008B97, #005F7D, #000507)
• Faded Ultramarine color palette (#E2EFFC, #008D93, #005CC3, #6C0065, #030018)
• Muted Mint Harbor color palette (#E1F4E1, #4BE285, #00C4C3, #4696FF, #00151E)

Browse the whole catalog at Explore, or see today's palette.