Sunlit Harbor color palette — #F0D8E6 · #FC6622 · #009DC7 · #BD4300 · #001E29

Tangerine takes the lead with Terracotta close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F0D8E6): A whisper-light, dusty pink — the color of peonies in June.
• Tangerine (#FC6622): A luminous, vivid orange — the color of toasted spice.
• Cerulean (#009DC7): A luminous, balanced blue — the color of deep harbor water.
• Terracotta (#BD4300): A full-bodied, vivid orange — the color of sun-warmed clay.
• Midnight (#001E29): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Apricot Grove color palette (#FAE5EE, #FA922C, #0085BD, #A65A00, #001D2E)
• Chalky Ember color palette (#FFE5F3, #D85A00, #00829A, #883600, #001F26)
• Tempered Drift color palette (#E6DAE8, #FF5681, #00A498, #CC1356, #00201D)
• Soft Ember Ridge color palette (#FCDAC9, #DD6300, #009A75, #7263C4, #220900)
• Washed Amber Garden color palette (#F5EBFF, #00B69F, #C68700, #254027, #020702)
• Hazy Cornflower color palette (#DFECE2, #D3AA2D, #4173E8, #8B6C00, #051544)
• Worn Periwinkle Harbor color palette (#FFDFB5, #FEBA57, #5FACFF, #9D6800, #002E59)
• Powdered Market color palette (#FFD5C0, #FFC27B, #BFB84D, #C56C6B, #321A00)

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