Sunlit Harbor color palette — #FFF3E9 · #B4E2FF · #6896FF · #00837C · #413763

Lavender Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Powder Blue (#B4E2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender Blue (#6896FF): A luminous, vivid violet — the color of a velvet chair.
• Teal (#00837C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#413763): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Hushed Periwinkle Station color palette (#FFF1F6, #D7D4E0, #7AAFFF, #00878D, #2D2D63)
• Patina Azure color palette (#FFF2EC, #90ECFA, #00A7EC, #008759, #2D3E66)
• Powdered Cornflower Parlor color palette (#FFF3E7, #95D3FF, #5E80FF, #007271, #3C1E67)
• Softworn Terrace color palette (#FBF3F1, #CDE9E1, #74BDD7, #659469, #5D4C5F)
• Aged Peony color palette (#FFE2ED, #FF48A9, #00A2AF, #2F7FA9, #4C1E34)
• Worn Courtyard color palette (#F3E2DA, #46A2AA, #006083, #003E21, #000721)
• Weathered Cobalt Atelier color palette (#E6DCD8, #76BFCA, #007EB2, #005C3B, #081A4B)
• Hazy Pier color palette (#ECDED2, #65ACCD, #005DD4, #004B43, #15023E)

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