Abyss Courtyard color palette — #DFEAE3 · #A5B8B0 · #9A859C · #004D58 · #030E06

Deep Teal and Heather set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DFEAE3): a clean, paper-quiet neutral.
• Ash (#A5B8B0): A luminous, dusty teal — the color of sea glass.
• Heather (#9A859C): A luminous, dusty pink — the color of a candy shop window.
• Deep Teal (#004D58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#030E06): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, 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 Cabin color palette (#DEECF1, #ABBBCA, #848EA7, #004E55, #0A232B)
• Abyss Studio color palette (#EDF0E9, #ACB7A9, #78967E, #005137, #080C03)
• Muted Abyss color palette (#E8F2EE, #A99AAA, #6F79A4, #003B54, #000603)
• Washed Navy Chapel color palette (#EAE4E9, #C1ACB9, #A28490, #0B3E8E, #100710)
• Dusty Denim Canyon color palette (#EEE7EA, #D9C5CB, #BB9A9E, #54498A, #1D1218)
• Worn Meadow color palette (#EEF8F0, #C4E1E3, #CEB1C3, #006D75, #060F08)
• Antique Petrol Drift color palette (#EDF4F0, #CCDCDE, #D5BBC2, #397F96, #272E2A)
• Hushed Summit color palette (#ECE6EB, #9B8791, #746287, #0A127A, #040003)

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