Abyss Harbor color palette — #FFF0F9 · #E1B7BC · #B69387 · #697D60 · #305746

A conversation between Charcoal Brown and Pewter, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Rosewood Mist (#E1B7BC): A luminous, dusty red — the color of a theater curtain.
• Taupe (#B69387): A luminous, dusty orange — the color of toasted spice.
• Pewter (#697D60): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#305746): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: 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

• Weathered Summit color palette (#FFF1F3, #E1C2B9, #B69F84, #638174, #614559)
• Patina Grove color palette (#FBF1FF, #BDACBE, #97788E, #51715E, #32585B)
• Fern Lagoon color palette (#FFF1F0, #ECC9C1, #E2ABA6, #9B8C71, #5C4B00)
• Muted Stone Coast color palette (#FFDDD4, #D6AF8B, #918A6C, #7B6175, #584152)
• Ancient Taupe Atelier color palette (#F2DDDC, #BA8E5D, #6B6F3C, #464879, #271B45)
• Bronze Dune color palette (#F5DEFB, #E0919E, #B86A33, #00667C, #004656)
• Aged Atelier color palette (#EDE3F1, #B96E86, #88553F, #004B52, #001F23)
• Raspberry Courtyard color palette (#FFF2EF, #E8A0B0, #4DB6C1, #BB5E77, #294B32)

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