Onyx Courtyard color palette — #CDEAFC · #004359 · #192629 · #3E0018 · #0A0A00

Onyx and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDEAFC): A whisper-light, dusty blue — the color of open sky before noon.
• Deep Teal (#004359): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#192629): quiet, heavy and certain.
• Onyx (#3E0018): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#0A0A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Onyx 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

• Onyx Dune color palette (#E0F3F6, #00483D, #192627, #310042, #0D0800)
• Inked Navy color palette (#E8F0FC, #003687, #191F27, #390E00, #020D00)
• Obsidian Navy Veranda color palette (#D6E0ED, #002966, #1A121D, #060016, #020200)
• Obsidian Ridge color palette (#CFEBE3, #236D47, #00332D, #001A25, #000808)
• Worn Terrace color palette (#F6E9EF, #4689A8, #003D71, #002222, #04002D)
• Pale Amethyst Market color palette (#E0E7FF, #6E42EF, #723B00, #003B39, #0E2036)
• Smoked Aubergine color palette (#E1ECFA, #0056AB, #50007D, #37001B, #000203)
• Navy Pier color palette (#F3DAF2, #003680, #2F0047, #170006, #000102)

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