Sunlit Harbor color palette — #FFF0FC · #FFC3BC · #6EC8ED · #C86B62 · #003F52

A conversation between Coral Clay and Sky, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Shell Pink (#FFC3BC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sky (#6EC8ED): A luminous, balanced blue — the color of deep harbor water.
• Coral Clay (#C86B62): A luminous, balanced orange — the color of sun-warmed clay.
• Deep Teal (#003F52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Balance. Tagged light.

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

• Airy Peony color palette (#FBF1FF, #FFC0D3, #5DD1C5, #C86589, #00423D)
• Patina Chapel color palette (#EFF8EE, #FFDFBC, #9ED4F6, #BE905A, #2B4A60)
• Amber Atelier color palette (#EBFAE9, #FBCA91, #B2B1FF, #B47D33, #34325E)
• Gentle Coral Market color palette (#FFF2EC, #FFB7A8, #C1B0FE, #F27259, #45386A)
• Terracotta Quarry color palette (#FFF2EC, #DD8471, #009AB1, #A5412D, #084B56)
• Soft Basin color palette (#FFF0F8, #F1A684, #52BBCB, #329ECC, #3C2032)
• Weathered Ash Meadow color palette (#FFF0FA, #C4F0F5, #A8B8D4, #B096BA, #5F4452)
• Muted Alley color palette (#E5FCEE, #BEE7DA, #A79F70, #82653D, #153935)

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