Clover Pier color palette — #F5F7EA · #5DBB4B · #0065B6 · #1A6803 · #261628

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

The five colors

• Ivory (#F5F7EA): a clean, paper-quiet neutral.
• Clover (#5DBB4B): A luminous, vivid green — the color of fresh herbs.
• Cobalt (#0065B6): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#1A6803): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#261628): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, 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

• Sunlit Ultramarine color palette (#F2F7EB, #4BAF82, #254FCA, #005F3E, #21121F)
• Hazy Moss color palette (#F7F6E9, #93AF46, #006F8D, #4B5F00, #002416)
• Sunlit Corridor color palette (#DEF8F8, #00C58C, #007A7D, #006C4B, #000B10)
• Ancient Indigo color palette (#F2F7F0, #4FC4B7, #6B5FB9, #006F66, #2D1F27)
• Mint Workshop color palette (#F1F8E9, #00DB9D, #0099A0, #008D64, #08230E)
• Gentle Garnet Studio color palette (#FFF2EC, #00A47D, #006A88, #850502, #003E3C)
• Muted Lapis color palette (#F1FADE, #009559, #4E35CF, #6A2800, #422B00)
• Weathered Bloom color palette (#C2FFC9, #00BEA4, #007980, #004D6C, #002D73)

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