Sunlit Harbor color palette — #E1FDF1 · #0089B9 · #923B00 · #573900 · #2E2C00

A conversation between Burnt Sienna and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E1FDF1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0089B9): A full-bodied, balanced blue — the color of open sky before noon.
• Burnt Sienna (#923B00): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#573900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#2E2C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Patina Petrol color palette (#CFE8E0, #006FAA, #6D3500, #3B2B00, #181C00)
• Worn Mulberry color palette (#E7FDDF, #009182, #942274, #5E3400, #342900)
• Frosted Sapphire Lantern color palette (#FCECFB, #1870E8, #6B4F00, #473900, #1A3300)
• Softworn Summit color palette (#E6FBF4, #3790CE, #934E2B, #055731, #003C38)
• Iris Basin color palette (#FDF1F8, #928CDE, #866D30, #245F53, #38482F)
• Lapis Courtyard color palette (#FCDDF5, #3C4FFF, #6A4100, #003D2F, #002327)
• Timeworn Villa color palette (#FDF6D7, #4EBD73, #007A71, #315473, #3A3B35)
• Azure Thicket color palette (#DCFEF5, #2FA1FD, #885BC8, #90235E, #00383D)

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