Sunlit Harbor color palette — #D0E3FF · #406EE3 · #B90A5C · #0B2BB5 · #25000D
Indigo takes the lead with Magenta Rose close behind in a set that reads as creativity and calm at first glance.
The five colors
- Frost (#D0E3FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sapphire (#406EE3): A full-bodied, vivid violet — the color of a velvet chair.
- Magenta Rose (#B90A5C): A full-bodied, vivid red — the color of embers at dusk.
- Indigo (#0B2BB5): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#25000D): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Creativity, Calm, Energy. Tagged vibrant, 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
- Mulberry Lantern color palette (#E4ECFF, #3755D8, #990089, #00555B, #020029)
- Ancient Garden color palette (#D9E5FF, #8A91FF, #FB255B, #5547E9, #5B0019)
- Linen Archive color palette (#E7DAFC, #C654AA, #007DB6, #8C0E75, #001D2F)
- Feathered Archive color palette (#E0E6FD, #6E4DC5, #006565, #41008F, #000808)
- Weathered Thicket color palette (#E9E1ED, #9C51BA, #9E4C00, #6A0088, #1E0900)
- Ultramarine Orchard color palette (#DFEBF9, #005ABD, #5D4900, #002A5F, #150F00)
- Ultramarine Thicket color palette (#FCE4FB, #3C88FF, #A07800, #0059CE, #160E00)
- Soft Boulevard color palette (#DDECF4, #00869D, #902ABB, #004E5C, #1C0028)
Browse the whole catalog at Explore, or see today's palette.