Sunlit Harbor color palette — #FFF2EA · #70DBFF · #0093E6 · #00736B · #182C6B

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Ice Blue (#70DBFF): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#0093E6): A luminous, vivid blue — the color of open sky before noon.
• Teal (#00736B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#182C6B): A deep, shadowed, balanced violet — the color of wild irises.

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

• Ancient Garden color palette (#FFF2EC, #2DE6E7, #009CBA, #00764B, #003754)
• Washed Azure Terrace color palette (#FEF2EC, #A3DFF1, #519DD0, #1A7C70, #4B2F49)
• Azure Market color palette (#ECF9EF, #D1E1F6, #00A4EE, #007275, #00244C)
• Weathered Cobalt color palette (#FFF2EA, #6DC5E4, #106FC1, #005748, #2A276C)
• Misty Meadow color palette (#FFF0F8, #A7E4FB, #63AFFF, #009A81, #2A2078)
• Hazy Glacier color palette (#DAFFEF, #4EF9FB, #7DC6FF, #5A8C37, #00423F)
• Muted Teal color palette (#F0E0D8, #52B4B0, #007385, #004D29, #001623)
• Pale Lantern color palette (#F1E6DA, #5699CE, #274BBC, #003A41, #0A0027)

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