Clover Harbor color palette — #DFECFA · #00CEC9 · #54BE00 · #18373E · #152220

Clover and Aqua set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFECFA): A whisper-light, dusty blue — the color of deep harbor water.
• Aqua (#00CEC9): A luminous, balanced teal — the color of glacier melt.
• Clover (#54BE00): A luminous, vivid green — the color of new leaves after rain.
• Deep Teal (#18373E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#152220): a grounded near-black with real depth.

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

• Dusty Clover color palette (#ECECFF, #28C5F8, #00C070, #1A3741, #0F2222)
• Pale Mint Pier color palette (#C2EAF6, #00D589, #BDA000, #123B38, #19241D)
• Antique Chapel color palette (#F5E0F1, #00BCD3, #A09F00, #002223, #000E07)
• Antique Mustard Study color palette (#EDD9E9, #53C9FE, #B7B500, #3C3A33, #252114)
• Sunlit Emerald color palette (#DADFEC, #00A6AF, #149B22, #012125, #000B09)
• Jade Orchard color palette (#A6F2C9, #23BA94, #007D6E, #004E4B, #00383B)
• Moss Harbor color palette (#E9F9F6, #5DB051, #006D60, #19600C, #001D21)
• Ancient Turquoise Basin color palette (#F3DAF3, #A2ACFF, #00B7C7, #233041, #151E21)

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