Sunlit Harbor color palette — #FFF1F6 · #CCADFF · #51B537 · #7E3FC5 · #124702

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#CCADFF): A luminous, balanced violet — the color of a velvet chair.
• Clover (#51B537): A luminous, vivid green — the color of a quiet forest floor.
• Violet (#7E3FC5): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#124702): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

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

• Byzantium Orchard color palette (#FFF1F3, #FD91FA, #5AB336, #A420A5, #174700)
• Timeworn Workshop color palette (#F4F4FF, #DDB3FF, #9EC106, #A24AD9, #283400)
• Washed Summit color palette (#FFE8EB, #D189D7, #4DAA7C, #98529E, #004127)
• Tempered Basin color palette (#F2D5DC, #CA8EE2, #339F30, #782994, #043304)
• Sunlit Sapphire Pier color palette (#FFF0FB, #8FA9FF, #B0A818, #4760E0, #403C00)
• Raspberry Corridor color palette (#FFF2F0, #EC9DB6, #6AB983, #B6617F, #254C32)
• Wandering Lilac color palette (#FFF0F8, #C4BBFF, #00D0D1, #997DFF, #004444)
• Grape Alley color palette (#F3F4FF, #AB77DF, #008F9E, #7F00C5, #00434B)

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