Abyss Courtyard color palette — #DBE5E6 · #AABDC0 · #70959E · #00523B · #0B2425

Forest and Storm Blue set the tone — five colors that lean into sophistication.

The five colors

• Silver (#DBE5E6): bright and airy, almost weightless.
• Ash (#AABDC0): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#70959E): A luminous, dusty blue — the color of a favorite pair of jeans.
• Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Onyx (#0B2425): A deep, shadowed, dusty teal — the color of sea glass.

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

• Abyss Villa color palette (#E2F2F5, #96AEB6, #638593, #00413D, #01171C)
• Ancient Garden color palette (#E1E4DC, #BDC8BB, #79AFBD, #007347, #1C220F)
• Washed Hollow color palette (#E8EFF6, #C3CDD9, #92A1B9, #005A8C, #232F3A)
• Jade Chapel color palette (#CAE6ED, #00BD92, #00928C, #005B69, #001F20)
• Wandering Lagoon color palette (#D2E3E0, #00766E, #00454E, #20006C, #001B1B)
• Ancient Lagoon Dune color palette (#EFF7F8, #D4DCE3, #B5C1CF, #008873, #3A4B4D)
• Hushed Aubergine color palette (#CCECFF, #6287AF, #445991, #581053, #4C070E)
• Hushed Drift color palette (#D3E0EE, #005A9B, #4A007F, #3F0022, #220900)

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