Abyss Harbor color palette — #F9E9F4 · #7BC0BC · #007587 · #00532D · #003249
A conversation between Deep Olive and Teal, giving this palette its sense of nature and growth.
The five colors
- Blush (#F9E9F4): A whisper-light, dusty pink — the color of neon signs at night.
- Mint Leaf (#7BC0BC): A luminous, dusty teal — the color of sea glass.
- Teal (#007587): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#00532D): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Teal (#003249): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Forest Drift color palette (#EFE5F0, #83C0BC, #007790, #084F0B, #00172C)
- Worn Cerulean color palette (#FDF1FA, #85D4DB, #0085A7, #006248, #1D3D58)
- Sapphire Lantern color palette (#FAE9F0, #7BBADD, #1C67BB, #004F51, #262A4E)
- Tempered Turquoise Loft color palette (#F9E9F4, #43AEC5, #005E87, #003F35, #071E40)
- Aged Lagoon Hollow color palette (#F5EDE2, #BEDDBC, #0FB9CB, #00956F, #003442)
- Tempered Orchard color palette (#E2F0FF, #C7C5FF, #CB7DBD, #00677C, #25314C)
- Softworn Cypress color palette (#FAF2F8, #D4D7EE, #6DA2B4, #4B7A64, #445563)
- Cerulean Garden color palette (#F1E0ED, #0091A1, #00425A, #00231A, #00091A)
Browse the whole catalog at Explore, or see today's palette.