Aqua Harbor color palette — #FFF2EB · #1FD2C9 · #007C8C · #005A2D · #00384F
A conversation between Aqua and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Aqua (#1FD2C9): A luminous, balanced teal — the color of sea glass.
- Teal (#007C8C): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005A2D): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#00384F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Aqua 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 Aqua color palette (#FFF2EB, #35CBEE, #0075AD, #00574D, #173160)
- Muted Forest color palette (#FFEDE9, #6ECEC9, #007F99, #09560C, #001B33)
- Softworn Teal color palette (#FBEBE4, #20B4B4, #006275, #004026, #002236)
- Pine Terrace color palette (#FCF1FD, #89DCD6, #009CBB, #177811, #00355B)
- Gentle Balcony color palette (#EEF8F0, #A7E8E3, #00C1D0, #009C70, #003947)
- Tempered Cerulean color palette (#FFF2ED, #ABE9F1, #4495B6, #356F5C, #265148)
- Cobalt Bloom color palette (#FDF3EA, #99CBF5, #5C76B2, #005E68, #502E42)
- Hushed Terrace color palette (#EEF6FF, #C8BEFF, #DF84CD, #007587, #30365E)
Browse the whole catalog at Explore, or see today's palette.