Clover Summit color palette — #F6F3D8 · #FFBE88 · #84B950 · #0093A3 · #171F02

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

The five colors

• Cream (#F6F3D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Cantaloupe (#FFBE88): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Clover (#84B950): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#0093A3): A luminous, balanced blue — the color of deep harbor water.
• Onyx (#171F02): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Gentle Sunflower color palette (#F0F4E2, #FFCE65, #8DD591, #2FA2BD, #152409)
• Soft Marigold Pier color palette (#FCF0DE, #FFAD99, #C79D00, #009B85, #201C00)
• Clover Summit color palette (#EAF8DB, #F7C30B, #15C46A, #0084B4, #021C04)
• Hushed Taupe color palette (#F5DDAE, #83A979, #5E7A64, #5F3C40, #361D20)
• Washed Pine color palette (#F8F6E1, #C3C265, #88B455, #00924E, #203616)
• Pale Chartreuse Lantern color palette (#DBFEF3, #C6DFCA, #C2E957, #4AB995, #002923)
• Linen Moss color palette (#DEE0CC, #66A42C, #00764B, #004D47, #002931)
• Pale Basin color palette (#E1F9E5, #00D674, #00A1C3, #6F5DC8, #000D1A)

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