Abyss Harbor color palette — #F6F3FF · #ECD8DC · #ADC1B3 · #778C9F · #3C5063

Peacock takes the lead with Slate Blue close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Bone (#ECD8DC): A whisper-light, dusty red — the color of late-summer berries.
• Stone (#ADC1B3): A luminous, dusty teal — the color of glacier melt.
• Slate Blue (#778C9F): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#3C5063): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Lagoon Parlor color palette (#FBF2F6, #D8D4DF, #C2BDE6, #5F9F9A, #464B67)
• Hushed Pewter color palette (#FFF1F5, #D6B4AC, #A48F78, #83697D, #5A4A56)
• Navy Alley color palette (#FFF0F7, #FFD1BA, #A7B185, #5D6A92, #354477)
• Worn Navy Meadow color palette (#FFE8EF, #DCB093, #878B57, #58527C, #302758)
• Weathered Dune color palette (#FEF0FF, #EBDACD, #DFA57E, #947441, #355847)
• Muted Drift color palette (#FFF1F6, #F6BF92, #98BCF7, #86A3D3, #47313A)
• Hushed Amber Studio color palette (#FFF1F5, #FFDFC0, #9ED3F8, #C48D53, #2B4962)
• Wandering Studio color palette (#FFEAE6, #BF9F5A, #477952, #46355F, #1C0D30)

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