Abyss Boulevard color palette — #DCE0D7 · #9AB09E · #598B7C · #00432E · #101607

Forest and Fern set the tone — five colors that lean into sophistication.

The five colors

• Bone (#DCE0D7): bright and airy, almost weightless.
• Sage (#9AB09E): A luminous, dusty teal — the color of sea glass.
• Fern (#598B7C): A full-bodied, dusty teal — the color of sea glass.
• Forest (#00432E): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#101607): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Abyss Boulevard 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 Atelier color palette (#D7E3E4, #8EA4AB, #618191, #004034, #000506)
• Forest Cabin color palette (#EAEFE7, #A5BBA4, #849C8C, #00614F, #0F1709)
• Softworn Cypress Archive color palette (#E1F0F1, #A4B2C0, #8D96AE, #008569, #00181A)
• Wandering Denim Boulevard color palette (#E0EBE7, #C7B2BF, #A7838B, #004972, #12231E)
• Softworn Lantern color palette (#F1F8ED, #C3D9CB, #B79CB8, #006A59, #2B3724)
• Denim Dune color palette (#E6F5DC, #008279, #004A78, #392500, #171700)
• Tempered Bronze color palette (#F9EADD, #816900, #2B3F00, #002926, #150F00)
• Weathered Pier color palette (#F8F3F9, #E3D8D8, #D1BBB3, #58779B, #4B454C)

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