Onyx Courtyard color palette — #DEE4E8 · #929AA7 · #6D6E85 · #003042 · #000B14

Deep Teal takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#DEE4E8): bright and airy, almost weightless.
• Blue Fog (#929AA7): A luminous, dusty violet — the color of wild irises.
• Slate (#6D6E85): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Teal (#003042): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Denim Archive color palette (#DEE9F1, #9CA6B2, #7B83AE, #004B6C, #030A11)
• Dusty Navy Summit color palette (#DBDFE8, #9998A5, #786B80, #22067B, #050914)
• Nightshade Coast color palette (#E6EBF5, #B7B7C9, #95899E, #2E319D, #181F2E)
• Wandering Thicket color palette (#E1EAE5, #B59EA3, #A18380, #006D8E, #020C07)
• Softworn Navy color palette (#D1F2FF, #326E75, #123C6B, #1C2200, #001814)
• Hushed Aubergine color palette (#E2EFFF, #009887, #0064A0, #5F0061, #000014)
• Tempered Ultramarine color palette (#F2F5FB, #DCD7E0, #B7AFC4, #375FB3, #323B48)
• Softworn Grape color palette (#F4F4FC, #D6CFDD, #B69EB2, #8000BC, #303048)

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