Hazy Clover Pier color palette — #F1E5DB · #00C550 · #007EAF · #001B12 · #000403

A conversation between Clover and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F1E5DB): bright and airy, almost weightless.
• Clover (#00C550): A luminous, vivid green — the color of a quiet forest floor.
• Cerulean (#007EAF): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#001B12): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000403): quiet, heavy and certain.

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

Use it as a design system

One click turns Hazy 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

• Soft Mint color palette (#F1DECB, #29D87F, #0D89E8, #001F1A, #020D0A)
• Worn Lagoon color palette (#E7E4D6, #00C462, #3B66EA, #220A20, #0B0209)
• Soft Clover Quarry color palette (#D9EEFF, #51B800, #248CFD, #001735, #110113)
• Quiet Lime Cabin color palette (#D7E8D6, #97BB00, #00A9F4, #002A41, #06141F)
• Pale Rose color palette (#E2E0CC, #FF3D77, #009B90, #001614, #010501)
• Amber Delta color palette (#DCF4DA, #B39100, #0098A4, #001706, #000501)
• Cobalt Lantern color palette (#D7EEEA, #947E00, #0077BB, #020F11, #000201)
• Powdered Canyon color palette (#EADFC4, #F06204, #0093BF, #00141D, #000603)

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