Clover Harbor color palette — #FFDBE5 · #A4B6FF · #00D066 · #32342D · #191C0F

Built around Clover, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDBE5): A whisper-light, dusty rose — the color of strawberry cream.
• Lavender (#A4B6FF): A luminous, balanced violet — the color of a velvet chair.
• Clover (#00D066): A luminous, vivid teal — the color of sea glass.
• Espresso (#32342D): a grounded near-black with real depth.
• Ink (#191C0F): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Lime Quarry color palette (#FDDFEE, #60C7FF, #A3BC00, #32312A, #1E1D12)
• Hushed Dune color palette (#FFE9E1, #C7A7FF, #00C9B6, #2B3D24, #1A2317)
• Pale Lime color palette (#FFE0D2, #AFBAFF, #AFC500, #36564B, #12211C)
• Weathered Moss Thicket color palette (#FAE2E7, #CEB8FF, #819F00, #223016, #1B1A12)
• Ancient Mint color palette (#FFE8AD, #95E7FF, #00EAA7, #022E30, #000808)
• Hushed Iris Grove color palette (#F7DAD6, #8588FF, #00A671, #001D10, #050900)
• Dusty Byzantium color palette (#EAF2E1, #2FBC8C, #8B51AC, #9A3E44, #202A11)
• Worn Station color palette (#FFE0A7, #EAC9FF, #11E4F8, #445648, #2A302B)

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