Abyss Harbor color palette — #EBDFEC · #4FB3B5 · #00718F · #004E1D · #00142D
A conversation between Forest and Teal, giving this palette its sense of nature and growth.
The five colors
- Blush (#EBDFEC): A whisper-light, dusty pink — the color of neon signs at night.
- Turquoise (#4FB3B5): A luminous, balanced teal — the color of sea glass.
- Teal (#00718F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E1D): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#00142D): 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 Abyss 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
- Patina Parlor color palette (#F6E8F0, #5BAECB, #2168AE, #004B3E, #10053E)
- Aged Canyon color palette (#FEE9E3, #5DCACA, #007290, #004114, #000209)
- Cerulean Coast color palette (#E8F3EA, #71C0BF, #0093A6, #006F56, #001720)
- Abyss Loft color palette (#F7EFE2, #799979, #00535E, #003124, #001720)
- Ancient Fern Veranda color palette (#F4EBF5, #96D1CD, #0095B3, #296F25, #033051)
- Timeworn Azure color palette (#E2ECD7, #4EC8B8, #38A1DC, #6D5100, #001D11)
- Gentle Emerald Harbor color palette (#DDF4DF, #0EA03C, #006B41, #00311B, #000401)
- Dusty Grape Garden color palette (#CFF3EC, #44A022, #84149D, #195300, #1D0025)
Browse the whole catalog at Explore, or see today's palette.