Clover Summit color palette — #DEF8F7 · #00C778 · #0071AE · #006D40 · #000A17

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

The five colors

• Ivory (#DEF8F7): A whisper-light, dusty teal — the color of sea glass.
• Clover (#00C778): A luminous, vivid teal — the color of glacier melt.
• Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006D40): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Soft Ultramarine color palette (#E2F6F9, #0FB9A1, #3C5EB7, #006356, #010615)
• Faded Quarry color palette (#E2F8F0, #96B700, #0073A4, #516400, #000A15)
• Soft Ultramarine color palette (#F4F7EA, #5ABB5D, #4B56C2, #066916, #2D1127)
• Byzantium Lantern color palette (#DEF7FC, #00C1B3, #873ACC, #006A62, #07051E)
• Feathered Cobalt Orchard color palette (#F0F9E7, #44D7A7, #1B8BDE, #008D69, #001E38)
• Onyx Quarry color palette (#C7E8D8, #00C1BB, #007B97, #00476D, #130054)
• Patina Canyon color palette (#FFEDEA, #00A79F, #0065A5, #6E1E17, #002126)
• Seafoam Harbor color palette (#EFF9EA, #2EF9D9, #00A1C7, #00937E, #000E06)

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