Abyss Courtyard color palette — #E7F0F5 · #9CABBA · #6B80A3 · #003E51 · #08151D

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

The five colors

• Cream (#E7F0F5): bright and airy, almost weightless.
• Ash (#9CABBA): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#6B80A3): A full-bodied, dusty violet — the color of wild irises.
• Deep Teal (#003E51): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#08151D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Softworn Navy color palette (#DCE3EC, #939AAA, #6A6E8E, #002563, #020917)
• Hushed Aubergine color palette (#DFE0E9, #B9B6C8, #9686A7, #582486, #1D1E2B)
• Patina Veranda color palette (#DBE7E0, #C3ABC3, #AA8B99, #005C70, #06180F)
• Timeworn Nightshade Lagoon color palette (#EBEEF7, #C9CBDC, #A19BBF, #4C4996, #282D3D)
• Pewter Field color palette (#F5F4FB, #E0D8DF, #CEB9C5, #876497, #474652)
• Aged Aubergine Field color palette (#E0EDF7, #596EAA, #57307D, #402100, #211A00)
• Gentle Aubergine Field color palette (#D0E3F6, #009AB2, #0077D3, #5400AF, #00013B)
• Pine Villa color palette (#D6F5F0, #008051, #004237, #00282D, #001409)

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