Softworn Courtyard color palette — #F8F0E8 · #BFE6DB · #828AB7 · #126B6F · #40212D

Teal and Slate Blue set the tone — five colors that lean into calm and sophistication.

The five colors

• Cream (#F8F0E8): bright and airy, almost weightless.
• Celadon Mist (#BFE6DB): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#828AB7): A luminous, dusty violet — the color of a velvet chair.
• Teal (#126B6F): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#40212D): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Washed Cobalt Meadow color palette (#F8F5EE, #C1E6DC, #6D89C4, #006D89, #5C3C51)
• Washed Courtyard color palette (#FCF0E4, #A3D6FF, #667BD4, #006262, #2D1749)
• Worn Summit color palette (#EAF6E6, #56B7A9, #CB6F6A, #00756A, #421817)
• Cerulean Meadow color palette (#FAEFEB, #ABD3B5, #3684AE, #005F3B, #101F3E)
• Lagoon Alley color palette (#F2F7F1, #D8DBF4, #96A1D7, #078B91, #4F3F63)
• Wandering Denim color palette (#F9E2DA, #52979A, #00516B, #002E13, #000411)
• Softworn Navy color palette (#EBDDD3, #45809F, #0F3480, #001F1D, #020009)
• Muted Lagoon color palette (#C8EABE, #6AC19C, #009185, #005460, #002C41)

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