Abyss Courtyard color palette — #ECF8F7 · #A0D1BB · #537D5A · #204E2B · #122624

A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Pistachio (#A0D1BB): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#537D5A): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#204E2B): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#122624): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Bronze Quarry color palette (#EBF9F2, #D3C493, #787436, #494400, #11271D)
• Hushed Orchard color palette (#E7F9FF, #9ECA83, #007780, #004349, #001F28)
• Hushed Straw color palette (#F5F6EB, #EEEA9D, #5B825B, #383C00, #0F1007)
• Worn Cerulean color palette (#EEF7F9, #7DD7C9, #009FC2, #009585, #112732)
• Aged Olive Dune color palette (#DCF0F5, #608132, #003331, #1C1D24, #000807)
• Forest Courtyard color palette (#E9F9F9, #D4A379, #006144, #003638, #111D23)
• Dusty Teal color palette (#F0F9E8, #FFC998, #54A788, #61645D, #1F231A)
• Muted Jade color palette (#CBE2EE, #7FB670, #006070, #002F38, #000D15)

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