Sunlit Harbor color palette — #EBF2FF · #8BA0E5 · #A78A2D · #4F60A0 · #312600

Mustard and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Cornflower (#8BA0E5): A luminous, balanced violet — the color of wild irises.
• Mustard (#A78A2D): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#4F60A0): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#312600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Ultramarine Drift color palette (#FCF1FB, #869FD4, #9D8924, #325BC9, #4E4200)
• Pewter Field color palette (#EFF0FF, #BEA6DF, #96A36C, #7E639F, #15382E)
• Quiet Delta color palette (#E4F5FF, #5EB0CD, #C87359, #00708B, #451607)
• Misty Indigo color palette (#FFF0FB, #A2B5F1, #BEA33B, #5D75E3, #4D4214)
• Hushed Mustard color palette (#F1F5FF, #CDCFFF, #E2B264, #8181C8, #4C3304)
• Quiet Rust color palette (#ECF2FF, #7D85D5, #BC6246, #247D52, #131D37)
• Worn Bronze color palette (#FFECF3, #98B498, #946B4A, #6C3F2E, #13281A)
• Aged Loft color palette (#DBE1FF, #8F65F4, #7A7500, #5A00BA, #181700)

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