Clover Summit color palette — #F5F6EF · #E0E1BA · #8EBDE6 · #84BE5E · #20322D

Clover takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Celadon Mist (#E0E1BA): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#8EBDE6): A luminous, dusty blue — the color of open sky before noon.
• Clover (#84BE5E): A luminous, balanced green — the color of new leaves after rain.
• Deep Forest (#20322D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, light, muted.

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

• Timeworn Pier color palette (#F3F6F0, #B3EDD4, #8FBAF2, #5BC19B, #352935)
• Dusty Mustard color palette (#F9F5EE, #F0DBB7, #7AC9B1, #D0A429, #283121)
• Driftwood Basin color palette (#F1F7F0, #75CDC3, #86A6DF, #BE7086, #34352E)
• Sunlit Jade Market color palette (#F3F7EC, #80E8AE, #40AFFE, #00B772, #001F35)
• Hazy Cerulean color palette (#F7F9D2, #D2E5C0, #6FCCC8, #179EBB, #004A78)
• Washed Harbor color palette (#EAF4F2, #AECF98, #528AAD, #607B4E, #0E171E)
• Muted Veranda color palette (#F4F6F0, #D4DCD9, #92D2EB, #A7B7BD, #50544C)
• Lilac Veranda color palette (#F1F8ED, #78E1C8, #AD8EEE, #00AE93, #280E1B)

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