Pale Clover color palette — #F0F5FF · #A3BDFF · #6FBE35 · #5170C9 · #162F03

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#A3BDFF): A luminous, balanced violet — the color of twilight just after sunset.
• Clover (#6FBE35): A luminous, vivid green — the color of fresh herbs.
• Sapphire (#5170C9): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#162F03): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Frosted Lime Boulevard color palette (#F3F4FF, #CAAEFF, #9BB607, #8459C3, #242C00)
• Sapphire Basin color palette (#EFF6FF, #97C1FF, #C1A706, #2D72D3, #2F2800)
• Hushed Iris Balcony color palette (#FCE8F4, #B1B8FF, #02CBB8, #8286E2, #003F38)
• Pale Villa color palette (#F4F4FF, #E5C5FF, #C1C453, #A26DC7, #154232)
• Chalky Clover Alley color palette (#F6F3FF, #FFADF3, #4BBC56, #A43E99, #0E3012)
• Weathered Nightshade Lagoon color palette (#F5E3EF, #7D88E0, #83801A, #4449A0, #1E1D00)
• Timeworn Cerulean Ridge color palette (#F1F5FF, #EAD9E1, #B5B2A8, #5892BC, #34364B)
• Patina Coral Lagoon color palette (#EDF6FF, #7DC7FF, #FF7B57, #007BBB, #43190D)

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