Sunlit Harbor color palette — #DBE6D1 · #009D7B · #3050DA · #7D0038 · #242000

A conversation between Cobalt and Wine, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#DBE6D1): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#009D7B): A luminous, balanced teal — the color of sea glass.
• Cobalt (#3050DA): A full-bodied, vivid violet — the color of wild irises.
• Wine (#7D0038): A deep, shadowed, balanced red — the color of late-summer berries.
• Onyx (#242000): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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 Boulevard color palette (#DEE5CC, #1E9F55, #0068A7, #720D5C, #2E1B00)
• Indigo Study color palette (#EBF5E7, #00AD99, #526AC4, #802E4E, #382900)
• Softworn Atelier color palette (#D4E7D7, #0098A1, #7533CD, #7D1200, #172400)
• Tempered Lapis color palette (#E5F4E4, #008683, #4614D9, #630028, #171100)
• Olive Harbor color palette (#E2E4C8, #36830F, #4D2480, #5C0008, #2C1200)
• Antique Alley color palette (#E6F9FF, #00A6AB, #0068A7, #3F1E7B, #011101)
• Washed Violet color palette (#EEF9EF, #26B9C5, #866EC7, #92413C, #393831)
• Velvet Drift color palette (#D1ECE4, #005B97, #620055, #2A1500, #000301)

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