Abyss Harbor color palette — #E8F1E6 · #C5D4CA · #8FAEA4 · #005A54 · #000400
A conversation between Peacock and Sage, giving this palette its sense of sophistication.
The five colors
- Cream (#E8F1E6): bright and airy, almost weightless.
- Oat (#C5D4CA): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#8FAEA4): A luminous, dusty teal — the color of glacier melt.
- Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Sophistication. Tagged scandi, muted, 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
- Worn Denim color palette (#E3F2EC, #D9CBD7, #BE9AAC, #005476, #000402)
- Hushed Abyss color palette (#E9F0E9, #92A696, #648571, #003F3F, #010601)
- Ancient Forest color palette (#ECDFCB, #8B9639, #135E06, #00332F, #010100)
- Hushed Boulevard color palette (#DAE9ED, #A7B1BD, #889BBA, #008281, #00171D)
- Muted Denim Harbor color palette (#F9F3F8, #E7D4D4, #D5AFB7, #3E5E9B, #130912)
- Timeworn Petrol color palette (#D8F8EE, #5596AB, #4C659D, #412A00, #120F00)
- Muted Lagoon color palette (#FFE1D5, #00897F, #004670, #340D00, #000102)
- Denim Balcony color palette (#D7F5E2, #005768, #2F333B, #121319, #000512)
Browse the whole catalog at Explore, or see today's palette.