Sunlit Harbor color palette — #FFF2EC · #FFAD9D · #66CFFF · #F2462F · #004158

Scarlet and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#FFAD9D): A whisper-light, balanced orange — the color of sun-warmed clay.
• Sky (#66CFFF): A luminous, balanced blue — the color of deep harbor water.
• Scarlet (#F2462F): A luminous, vivid orange — the color of autumn markets.
• Deep Teal (#004158): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Quiet Rust color palette (#FFF0F9, #FF885D, #00ADCC, #C94500, #00424F)
• Ember Dune color palette (#FFF2EC, #FFAC9F, #00D79A, #FE5341, #004630)
• Wandering Aqua Alley color palette (#FAECDC, #EEB256, #40CCFD, #B37A00, #003B4E)
• Worn Peony color palette (#FFF1F1, #FFA4D4, #28DFC1, #E146A5, #00453A)
• Honey Courtyard color palette (#FFF4DF, #EDC000, #92B6FF, #B69300, #1B3675)
• Apricot Coast color palette (#EFD5FF, #B9C0FF, #FFA46D, #714830, #2A1B0F)
• Mustard Grove color palette (#FAEECC, #AFD697, #B1A808, #A67430, #343730)
• Gentle Garden color palette (#FFEBF7, #E9703E, #0092AC, #993600, #00252E)

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