Abyss Harbor color palette — #CBEBEA · #004328 · #002136 · #260000 · #000201
Forest and Ink set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#CBEBEA): A whisper-light, dusty teal — the color of sea glass.
- Forest (#004328): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#002136): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#260000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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
- Onyx Grove color palette (#D2E3E4, #003D29, #1F003C, #100900, #000201)
- Moonless Villa color palette (#C2E7EE, #5F5A62, #00433E, #1F2027, #000A12)
- Inked Study color palette (#FBE5E5, #0D6B12, #003643, #360009, #000F0A)
- Abyss Alley color palette (#DAE6E5, #94AFB5, #50889F, #00441D, #061716)
- Shadow Onyx color palette (#D2F0F8, #00504F, #530035, #082400, #00080C)
- Navy Parlor color palette (#DCF5E7, #534B00, #00167A, #210F00, #050400)
- Garnet Corridor color palette (#D7F3EB, #3C6000, #7E0031, #1B2F00, #001712)
- Chalky Hollow color palette (#E9F8FF, #007181, #6F2291, #393800, #001F2A)
Browse the whole catalog at Explore, or see today's palette.