Softworn Courtyard color palette — #E2F0EA · #8CA79E · #89738C · #003C51 · #000603

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

The five colors

• Cream (#E2F0EA): bright and airy, almost weightless.
• Taupe (#8CA79E): A luminous, dusty teal — the color of glacier melt.
• Slate (#89738C): A full-bodied, dusty pink — the color of peonies in June.
• Deep Teal (#003C51): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000603): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, 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

• Hushed Abyss color palette (#E0E8ED, #9EABB7, #70809A, #003E50, #001623)
• Navy Bloom color palette (#F4ECF3, #AD99A8, #8F7283, #103270, #0A010A)
• Hushed Denim color palette (#D8E7DE, #BBB0BB, #A78D99, #005C70, #05180E)
• Wandering Boulevard color palette (#F7E9EE, #C9AAB1, #A48488, #552B79, #14060B)
• Wandering Boulevard color palette (#F9EFF3, #E2D2CF, #C7B0B5, #685C8B, #271D22)
• Feathered Nightshade color palette (#DBEDFF, #0099C0, #0074BB, #2440B2, #000208)
• Aged Pine Quarry color palette (#E5EDD1, #007B54, #004133, #002422, #000402)
• Tempered Indigo color palette (#E6F0FF, #5967BD, #493A6E, #3C1023, #1B0003)

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