Abyss Courtyard color palette — #F1E2D9 · #3F8396 · #004062 · #00201C · #00010A

A conversation between Navy and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F1E2D9): A whisper-light, dusty gold — the color of honey in a jar.
• Cerulean (#3F8396): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#004062): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#00201C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#00010A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Denim Courtyard color palette (#E9DED6, #4095B5, #004C7F, #002C29, #01001E)
• Worn Corridor color palette (#EAE2DA, #4A7DAB, #1B16A7, #001E24, #020009)
• Timeworn Basin color palette (#F1E7DE, #8ABADD, #3063CF, #004A51, #140C38)
• Dusty Dune color palette (#FAEFE9, #B5D0B4, #008BA1, #005F37, #00281D)
• Cobalt Coast color palette (#FBEFE7, #9ADAF9, #2885DE, #006261, #191F4D)
• Midnight Mulberry Basin color palette (#FFDEE0, #84006F, #00463C, #39002F, #000201)
• Washed Cerulean color palette (#F7F0ED, #C1E7CE, #4896C3, #006E5E, #3A223A)
• Aubergine Harbor color palette (#FDE4F2, #CB6A70, #875600, #3F0169, #070002)

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