Abyss Courtyard color palette — #E9F1F4 · #A0ABB3 · #70809A · #004046 · #01171F

Deep Teal takes the lead with Storm Blue close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E9F1F4): bright and airy, almost weightless.
• Ash (#A0ABB3): soft and architectural.
• Storm Blue (#70809A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Teal (#004046): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#01171F): 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 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

• Onyx Loft color palette (#E2EBF4, #939AA7, #6B6F86, #002E48, #010A15)
• Weathered Thicket color palette (#DEEDF4, #A4B8C4, #759AB7, #005D6D, #021720)
• Wandering Veranda color palette (#E8EBF1, #B8B7C4, #93899F, #3F318F, #181E32)
• Weathered Petrol color palette (#E3EEE5, #93BBBC, #BC9BB8, #00818C, #08180C)
• Denim Station color palette (#EAF8FF, #C3D5E7, #99A7C5, #006579, #193745)
• Worn Cobalt color palette (#EFF6FE, #DAD7E3, #B9B9D4, #006BBF, #334151)
• Weathered Navy Market color palette (#D1F2EA, #397F8D, #2C437F, #402800, #152100)
• Tempered Olive color palette (#CEE5D9, #507935, #00432A, #00282D, #061400)

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