Abyss Courtyard color palette — #DBE7E9 · #8BA4B2 · #6B7D94 · #004038 · #000507

A conversation between Forest and Slate, giving this palette its sense of sophistication.

The five colors

• Frost (#DBE7E9): a clean, paper-quiet neutral.
• Blue Fog (#8BA4B2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#6B7D94): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#004038): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000507): a grounded near-black with real depth.

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

• Wandering Pewter Dune color palette (#D9E9F0, #818F9E, #616988, #003038, #000103)
• Antique Navy Courtyard color palette (#D8DFE8, #AEB2C8, #9188A3, #1B4378, #040B16)
• Muted Abyss color palette (#ECF2EB, #A6BAAD, #7A9E93, #006058, #0E170B)
• Abyss Boulevard color palette (#E9F1E8, #C0D6C6, #8FAEA0, #005A55, #000400)
• Petrol Loft color palette (#EBF3FA, #D9D3E4, #B7B4C7, #3E698D, #1B2127)
• Patina Meadow color palette (#EAF4F7, #D5D7E1, #B5ABB4, #5E8A9A, #31373A)
• Patina Navy Coast color palette (#E2F2E5, #00788A, #3B3E87, #302000, #100800)
• Deep Olive Drift color palette (#D2E4D0, #6C6D00, #01430C, #002327, #000402)

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