Abyss Courtyard color palette — #EAF8FF · #9DB3C7 · #7985A3 · #755E6E · #3E573E

Built around Charcoal Brown, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Ash (#9DB3C7): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7985A3): A luminous, dusty violet — the color of wild irises.
• Graphite (#755E6E): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#3E573E): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

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

• Muted Field color palette (#D2F4FF, #9ABBD2, #7C8EA9, #6F586D, #643E3F)
• Pewter Grove color palette (#EEF4FF, #B4B8D4, #88809A, #4C6652, #294F52)
• Dusty Hollow color palette (#EBECFF, #9C99BC, #805569, #264F3B, #243A16)
• Linen Petrol Boulevard color palette (#EFF6FF, #849FD8, #A3862E, #4562A6, #4F4117)
• Dusty Cobalt color palette (#CEEEFF, #64A6DE, #4F77BA, #485791, #48456C)
• Antique Fern Parlor color palette (#F1F2D8, #C0D2B7, #74A89B, #797F4D, #535200)
• Cobalt Hollow color palette (#F1F5FF, #ABB3F3, #6C70B4, #353B76, #252952)
• Cocoa Station color palette (#E2F8E9, #C0E2D9, #D4ADC5, #B48C77, #714500)

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