Emerald Harbor color palette — #FFF0F9 · #FF8959 · #409412 · #00587B · #3C003B

Olive Leaf takes the lead with Salmon close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Salmon (#FF8959): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#409412): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#00587B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#3C003B): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

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

• Gentle Orchard color palette (#FFF1F6, #D89654, #138C53, #004C81, #35002A)
• Coral Corridor color palette (#FFF0FD, #FF847F, #838400, #005D5F, #200063)
• Soft Denim Terrace color palette (#EBFAEE, #D4B777, #329E82, #255AA5, #461735)
• Tempered Studio color palette (#FFF0F7, #D77327, #377500, #00404E, #140029)
• Antique Chapel color palette (#FFF2EB, #D04D00, #3C6800, #00475A, #421C55)
• Dusty Ultramarine color palette (#E9FAEE, #D4A800, #009281, #2E32C9, #44001E)
• Timeworn Indigo color palette (#FAF2FF, #FFA1C9, #00A684, #5C60E7, #242569)
• Pale Meadow color palette (#FAF2FF, #F187B4, #A77200, #00613D, #00243C)

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