Abyss Harbor color palette — #FDDBFE · #D9B0C7 · #AF9364 · #337D7B · #004E65

Peacock takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Thistle (#FDDBFE): A whisper-light, dusty pink — the color of a candy shop window.
• Rosewood Mist (#D9B0C7): A luminous, dusty pink — the color of a candy shop window.
• Caramel (#AF9364): A luminous, dusty gold — the color of old brass.
• Teal (#337D7B): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#004E65): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, 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

• Hushed Abyss color palette (#F4D3E9, #D6AEBC, #779883, #4B6A78, #244765)
• Petrol Harbor color palette (#FFF0EE, #E2AD7D, #AA965C, #1C7F91, #2B5470)
• Timeworn Taupe color palette (#FEF0FF, #F7B8BC, #BFA66B, #6989AB, #26496E)
• Muted Taupe Meadow color palette (#FFF1F2, #FDC8B0, #C39952, #368883, #224A39)
• Weathered Field color palette (#FDF0FF, #DDA5BE, #B08CA8, #557D58, #1A5B51)
• Weathered Cabin color palette (#FFE9F2, #ABCDB3, #76A495, #5E7688, #444E61)
• Navy Corridor color palette (#FFE6DC, #AE8D60, #717044, #004E61, #12285B)
• Denim Thicket color palette (#EEEBFF, #A8A2C9, #B36862, #00628F, #4E3771)

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