Gentle Harbor color palette — #E4F6F8 · #00A587 · #006F8C · #313C71 · #182300

A conversation between Fern and Peacock, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E4F6F8): bright and airy, almost weightless.
• Fern (#00A587): A luminous, balanced teal — the color of sea glass.
• Peacock (#006F8C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#313C71): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#182300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

Use it as a design system

One click turns Gentle 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

• Powdered Moss color palette (#E0F8F4, #56A344, #00746E, #0B4664, #271D00)
• Muted Turquoise Garden color palette (#E7F4F9, #41AEB9, #5273A0, #554268, #012E2F)
• Aubergine Delta color palette (#BCE9F8, #008286, #004F83, #350072, #011301)
• Misty Lagoon Quarry color palette (#F2F8E9, #459C70, #336796, #68305B, #4F300A)
• Weathered Cerulean color palette (#EAF4F2, #B2E6F9, #3F9CAF, #2C6A67, #0D3041)
• Ancient Lagoon Station color palette (#DDF4F6, #008971, #0C373F, #05191C, #030708)
• Worn Stone Veranda color palette (#E4F7F3, #91C296, #4C8363, #375D57, #0D2D2B)
• Ancient Ultramarine Pier color palette (#E4F5FF, #0090B5, #4448BE, #5A155B, #001D19)

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