Clover Harbor color palette — #DDF0ED · #3EBE4C · #3B7079 · #264945 · #071510

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

The five colors

• Honeydew (#DDF0ED): A whisper-light, dusty teal — the color of sea glass.
• Clover (#3EBE4C): A luminous, vivid green — the color of new leaves after rain.
• Teal (#3B7079): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#264945): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#071510): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Energy, Sophistication. Tagged noir, dark, luxury, muted.

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

• Softworn Chapel color palette (#DEF4EB, #A2AA00, #4D7154, #274A3D, #06160A)
• Dusty Teal color palette (#D3F4FD, #00B8B5, #3F6E83, #244850, #021516)
• Worn Emerald color palette (#CAECEA, #00A662, #305B65, #0F3636, #000604)
• Sunlit Emerald color palette (#D5FFFB, #00B042, #00482E, #001C05, #000202)
• Lagoon Summit color palette (#DBECEF, #008D79, #024B57, #002226, #000202)
• Dusty Mint color palette (#E7F0E4, #48E196, #00BB97, #00898B, #004C54)
• Aqua Market color palette (#E4F5FF, #6CC5E2, #727C8A, #485760, #1C2325)
• Lowlit Canyon color palette (#E7EBD5, #08821E, #00322B, #101200, #050300)

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