Softworn Courtyard color palette — #DEE8EB · #848F98 · #5F6C7E · #003035 · #000202

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

The five colors

• Frost (#DEE8EB): bright and airy, almost weightless.
• Gray (#848F98): soft and architectural.
• Slate (#5F6C7E): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003035): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000202): a grounded near-black with real depth.

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

Use it as a design system

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

• Navy Pier color palette (#EAEEF5, #9D9FAD, #7E7791, #212C75, #000314)
• Washed Abyss Ridge color palette (#E6EEE8, #ADC0B6, #779B8D, #00444F, #000201)
• Wandering Denim Drift color palette (#E1EBF1, #C4CCD6, #9BA3BC, #005E7A, #061822)
• Smoked Navy color palette (#D5E8E7, #265F7D, #382F60, #191700, #060500)
• Linen Aubergine color palette (#CAE8FC, #008F7E, #006786, #3A00A0, #000104)
• Petrol Market color palette (#EEF2F9, #DAD5DF, #C2B9C3, #607699, #262D36)
• Midnight Studio color palette (#CDE5D9, #42632D, #00331F, #00181B, #000200)
• Onyx Thicket color palette (#E0F2FF, #534949, #002E43, #120E16, #010012)

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