Abyss Canyon color palette — #E8ECE2 · #ABC2AB · #739C8C · #00482B · #010100
A conversation between Forest and Eucalyptus, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8ECE2): a clean, paper-quiet neutral.
- Stone (#ABC2AB): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#739C8C): A luminous, dusty teal — the color of sea glass.
- Forest (#00482B): A deep, shadowed, balanced teal — the color of glacier melt.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Abyss Canyon 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
- Abyss Boulevard color palette (#DAE8DD, #A7C1BA, #A48898, #00444C, #000200)
- Softworn Harbor color palette (#DEE2DC, #889084, #5A7359, #003226, #010200)
- Lagoon Market color palette (#DBEED7, #00979A, #34496E, #3D1600, #030100)
- Tempered Bronze color palette (#FCEBDE, #967600, #334300, #00211D, #020100)
- Pine Balcony color palette (#FBD8CE, #007749, #00364E, #210005, #000201)
- Worn Cypress color palette (#EDF9EF, #BEE3E7, #CDB1C3, #006D75, #031006)
- Hushed Cobalt Harbor color palette (#EAF9F3, #E6D5CF, #C1C9B3, #0088BF, #0C2B21)
- Teal Market color palette (#F3F7EF, #C0DEE5, #AFACB7, #4FA489, #303828)
Browse the whole catalog at Explore, or see today's palette.