Clover Harbor color palette — #FFF1F3 · #E5A4EA · #51C45D · #9E51A6 · #03320B

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Carnation (#E5A4EA): A luminous, balanced pink — the color of peonies in June.
• Clover (#51C45D): A luminous, vivid green — the color of a quiet forest floor.
• Orchid (#9E51A6): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Forest (#03320B): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Weathered Mint color palette (#FFE8ED, #ECBFFF, #5CCB85, #9B62B3, #094022)
• Hazy Plum Dune color palette (#FFF2F0, #FF9CC1, #09C3A1, #BA4178, #003026)
• Washed Harbor color palette (#FFF0F7, #C0B2FF, #A9B106, #7860C3, #282B00)
• Ancient Mulberry Alley color palette (#ECE5FD, #BA75AF, #6F8E1A, #7F2275, #162000)
• Patina Iris color palette (#FFF1F3, #E5D6D4, #A0BBA8, #9A7FBA, #402727)
• Aged Fuchsia Field color palette (#FFF1F3, #DB80D1, #B59100, #008EA1, #2E1016)
• Gentle Terrace color palette (#FFE7E9, #CE64BA, #009162, #840074, #000B05)
• Dusty Amber Station color palette (#FFF2EB, #EEBC98, #BE7456, #85413E, #2F1D05)

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