Clover Summit color palette — #FFE1DF · #6AC5FF · #00D154 · #103E3B · #0B1C1B

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

The five colors

• Rose Water (#FFE1DF): A whisper-light, dusty orange — the color of autumn markets.
• Sky (#6AC5FF): A luminous, balanced blue — the color of deep harbor water.
• Clover (#00D154): A luminous, vivid green — the color of new leaves after rain.
• Deep Teal (#103E3B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0B1C1B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.

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

• Worn Mint Garden color palette (#FED9DD, #A3B6FF, #00CC97, #1A4143, #162121)
• Lime Study color palette (#F8E8F1, #76C3FF, #A9BA00, #234137, #18231F)
• Misty Moss Alley color palette (#FCD7E2, #D2B6FF, #5BA800, #07353D, #13201D)
• Mint Coast color palette (#E4E8FF, #8AE9FF, #00EAAA, #002B1C, #0B1006)
• Clover Orchard color palette (#F5E8FF, #FFA5E2, #27C125, #395836, #181A0F)
• Powdered Mint Courtyard color palette (#EAF8F9, #00D3A3, #2A86CB, #008666, #0D1925)
• Mallow Canyon color palette (#EDE9D6, #E6A2FF, #25C6F7, #083F50, #121F26)
• Pale Boulevard color palette (#D2F7F7, #00A974, #916EB1, #8E4757, #022D2E)

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