Dusty Abyss color palette — #E2EDF3 · #8EA3B3 · #687E98 · #003D4A · #000509

A conversation between Deep Teal and Slate, giving this palette its sense of sophistication.

The five colors

• Frost (#E2EDF3): bright and airy, almost weightless.
• Blue Fog (#8EA3B3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#687E98): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#003D4A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000509): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Dusty Abyss 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

• Wandering Onyx color palette (#DFE4EA, #838EA1, #61698C, #002B4F, #000104)
• Abyss Study color palette (#D4E3D7, #8FB2A8, #917686, #003F47, #09170E)
• Patina Cabin color palette (#E3F1F7, #C3D2E1, #9AA5C6, #005862, #000305)
• Dusty Aubergine color palette (#E0E2EC, #B2B1C4, #A5809D, #49327C, #080A13)
• Hushed Thicket color palette (#E7F4FC, #C8D5E3, #97ACD0, #006483, #051C2A)
• Worn Pewter color palette (#F1F1F8, #DDD5DD, #CBB7C4, #7E6B95, #2A2B36)
• Aubergine Market color palette (#CFEAF9, #4970B4, #462881, #431900, #0F0800)
• Pale Veranda color palette (#D9E4EE, #009CA5, #0071A8, #4E00CA, #000105)

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