Abyss Harbor color palette — #DBE9D4 · #658F6B · #125846 · #002231 · #00030D

Built around Pine, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DBE9D4): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#658F6B): A luminous, dusty green — the color of new leaves after rain.
• Pine (#125846): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002231): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00030D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Dusty Onyx color palette (#C2EEEF, #368C7C, #005D60, #02184F, #030016)
• Fern Garden color palette (#CCE9D4, #7F7B49, #415400, #002724, #000102)
• Olive Thicket color palette (#DDE2CB, #467730, #14482B, #002932, #090F25)
• Muted Summit color palette (#DAEDE9, #6CAFB5, #00606D, #002B29, #000102)
• Charred Olive color palette (#E4F2D3, #4C8400, #114600, #001A06, #000201)
• Patina Cypress Atelier color palette (#EADCC8, #878D46, #1C7555, #623657, #24041C)
• Obsidian Corridor color palette (#FDE9CF, #5B6726, #004133, #260425, #090001)
• Pale Terrace color palette (#CFEFEA, #387D24, #8C3500, #0B3500, #030000)

Browse the whole catalog at Explore, or see today's palette.