Dusty Abyss Courtyard color palette — #D7E3E7 · #AFBDC3 · #7D96A4 · #004547 · #000102

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

The five colors

• Silver (#D7E3E7): bright and airy, almost weightless.
• Ash (#AFBDC3): soft and architectural.
• Slate Blue (#7D96A4): A luminous, dusty blue — the color of deep harbor water.
• Deep Teal (#004547): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000102): quiet, heavy and certain.

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

Use it as a design system

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

• Spruce Studio color palette (#DFEADF, #8C9F91, #5E7769, #003234, #010D02)
• Abyss Coast color palette (#CCE9E0, #618748, #034A0C, #002214, #000200)
• Nightshade Harbor color palette (#E9EEF6, #CAD0DD, #9BA5C5, #133DB4, #00020C)
• Petrol Lantern color palette (#D6E8DB, #006F87, #003554, #180023, #000102)
• Washed Denim color palette (#EDF6FF, #D7D8E7, #AEBCD0, #00669A, #010E1A)
• Powdered Study color palette (#D5EDFA, #00B6C2, #0093B6, #00649F, #000103)
• Washed Studio color palette (#E3EEFF, #6B7A9C, #55457F, #3D0720, #060001)
• Indigo Terrace color palette (#F1F5FF, #DBD8E2, #C5A6A9, #5E66FF, #1B2438)

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