Pale Clover Harbor color palette — #FCF6D4 · #51C45F · #00936F · #006190 · #104024

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

The five colors

• Custard (#FCF6D4): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#51C45F): A luminous, vivid green — the color of new leaves after rain.
• Fern (#00936F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#006190): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#104024): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Pale Clover Harbor 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 Harbor color palette (#D9FFF1, #68DC76, #009D77, #005E8C, #043118)
• Pale Jade color palette (#F2F9E0, #00B965, #008891, #0055A1, #353200)
• Muted Emerald color palette (#FBF8C9, #A7B200, #48920D, #006772, #2F3B08)
• Powdered Villa color palette (#E6E0B4, #21AD63, #007B67, #004A7D, #002C1B)
• Hushed Teal color palette (#F6F7E1, #5DC5BC, #4693A0, #5C5E8D, #2C442D)
• Frosted Corridor color palette (#FFF2EA, #84962E, #00705F, #7E004F, #1C3F16)
• Emerald Basin color palette (#F9F6E4, #A7C68B, #549A47, #646F3F, #2C4213)
• Emerald Archive color palette (#E4EBD8, #00A061, #3A4C29, #232A11, #111304)

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