Sunlit Emerald Harbor color palette — #F4EBF3 · #9DE1E6 · #4DB1DD · #34935C · #162D51

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Blush (#F4EBF3): a clean, paper-quiet neutral.
• Ice Blue (#9DE1E6): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#4DB1DD): A luminous, balanced blue — the color of deep harbor water.
• Fern (#34935C): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#162D51): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Sunlit Emerald 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 Market color palette (#FCF1F9, #B8E8FF, #78B9E9, #529D7F, #2C3A55)
• Sunlit Azure color palette (#FBE9F3, #6ACFF2, #5396DD, #007F6A, #1A1843)
• Wandering Dune color palette (#C8EAD3, #00C8A6, #009FAB, #007690, #002D4D)
• Antique Cerulean Veranda color palette (#ECF8F6, #C9E2FF, #23A3B7, #006A65, #00232C)
• Wandering Mallow color palette (#CDF4FF, #C6D1F5, #E9ABDF, #72A171, #1B3B4E)
• Ember Summit color palette (#C6F1F7, #00B3C5, #E46D45, #AE6E00, #00232F)
• Powdered Coral Atelier color palette (#C7E4EF, #00C5D5, #F96F63, #00939F, #4C110E)
• Misty Corridor color palette (#AFF1FF, #21D4FD, #00A4D2, #007187, #001A23)

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