Clover Hollow color palette — #F4F7E9 · #55BC5C · #006E91 · #016918 · #002417

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

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Clover (#55BC5C): A luminous, vivid green — the color of fresh herbs.
• Peacock (#006E91): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#016918): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#002417): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Washed Grove color palette (#FBF5E2, #A8A900, #007183, #595A00, #002228)
• Jade Basin color palette (#E1F7F8, #2BC297, #00788C, #006C51, #000B0F)
• Ultramarine Balcony color palette (#F1F9E6, #48BA89, #345EBD, #006644, #2A1328)
• Wandering Emerald Summit color palette (#E8EEDD, #3D9E68, #00557B, #004F2C, #00110B)
• Dusty Grape Dune color palette (#EBFAEA, #00B9B3, #7C3AC0, #006360, #2D131F)
• Lagoon Bloom color palette (#F1F8E8, #6ED1A9, #00999D, #008D66, #002223)
• Muted Garnet Boulevard color palette (#FFF2EC, #00A484, #00698C, #811314, #003E3E)
• Aged Delta color palette (#F2F7EE, #CDDDDA, #A7C4B7, #007D64, #394431)

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