Abyss Harbor color palette — #E5F9FF · #B7D5E1 · #9EAFBA · #838799 · #3B584D

Built around Charcoal Brown, softened by Powder Blue — the whole palette hums with sophistication.

The five colors

• Ivory (#E5F9FF): A whisper-light, dusty blue — the color of open sky before noon.
• Powder Blue (#B7D5E1): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#9EAFBA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#838799): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#3B584D): A full-bodied, dusty teal — the color of sea glass.

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

• Cerulean Cabin color palette (#EBF7FF, #94CEE6, #A3BA89, #4C97B4, #2E564D)
• Wandering Basalt Thicket color palette (#F1F5FF, #C1C4E1, #9D99B3, #8A6F88, #66475B)
• Antique Basin color palette (#D4E1EE, #92AFDB, #7583A3, #714B63, #402B49)
• Washed Sky color palette (#EDF7FF, #78B9E6, #B098CD, #65A08E, #314555)
• Dusty Ash Thicket color palette (#EDF6FF, #B5DEFE, #74A6CD, #417093, #123953)
• Antique Cocoa Summit color palette (#F0FADF, #CAE7D0, #CBB7CC, #A89383, #743F0C)
• Hushed Corridor color palette (#EAE8F7, #BF9FD1, #A972A6, #82493E, #672E00)
• Iris Orchard color palette (#E1ECFF, #848CC5, #776399, #6A3647, #471618)

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