Clover Pier color palette — #F6F6E9 · #7DB549 · #007153 · #335A00 · #010100

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

The five colors

• Ivory (#F6F6E9): a clean, paper-quiet neutral.
• Clover (#7DB549): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007153): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#335A00): A full-bodied, balanced green — the color of fresh herbs.
• Black (#010100): a grounded near-black with real depth.

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

Use it as a design system

One click turns Clover Pier 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 Jade Boulevard color palette (#F0F9E6, #00BE8D, #006C79, #005C42, #000102)
• Softworn Mustard Meadow color palette (#FAF5E8, #B9A200, #466D00, #594D00, #010100)
• Emerald Dune color palette (#E5F6C6, #00A467, #006357, #002B54, #000503)
• Timeworn Pine Quarry color palette (#F4F6EC, #CEDFD2, #B2C1A3, #067422, #0C0E00)
• Linen Boulevard color palette (#F1F8E8, #00E5A4, #008F98, #007E59, #000202)
• Hazy Mustard color palette (#F1ECDD, #ADB04A, #00949F, #7A7C00, #000405)
• Tempered Archive color palette (#D7EAE5, #4B8900, #004B3B, #1D3B00, #000405)
• Washed Lagoon color palette (#ECF8DB, #009161, #005766, #361F00, #010200)

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