Clover Pier color palette — #D0EFE5 · #00C662 · #006DA9 · #0A3C5D · #000302

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

The five colors

• Honeydew (#D0EFE5): A whisper-light, dusty teal — the color of glacier melt.
• Clover (#00C662): A luminous, vivid teal — the color of sea glass.
• Peacock (#006DA9): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#0A3C5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000302): quiet, heavy and certain.

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

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

• Muted Lime Atelier color palette (#D8EDDB, #80BA16, #00767E, #004146, #000401)
• Washed Thicket color palette (#E2F0FF, #CB9900, #003C71, #291D24, #000716)
• Weathered Seafoam color palette (#FEF0FD, #8FECC1, #7B95C3, #725A70, #271E27)
• Gentle Hollow color palette (#EFD7E8, #FF6E8A, #505DB9, #2E355D, #080005)
• Indigo Veranda color palette (#ECE1E7, #D5B9B6, #BC9F9A, #8172C0, #291A22)
• Amber Lantern color palette (#FEE7FD, #DB7200, #003E96, #001742, #070007)
• Cornflower Balcony color palette (#EDE2ED, #2D87FD, #BC4F9E, #007362, #000C25)
• Soft Violet color palette (#FCDAE9, #FFA19D, #8861E1, #533F85, #1F0413)

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