Softworn Courtyard color palette — #DBECE5 · #C2B3C1 · #A08497 · #004A6E · #0E241D

A conversation between Navy and Heather, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DBECE5): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#C2B3C1): A luminous, dusty pink — the color of a candy shop window.
• Heather (#A08497): A luminous, dusty pink — the color of neon signs at night.
• Navy (#004A6E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#0E241D): 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

• Ancient Archive color palette (#F7E9F0, #CAB1B9, #A78389, #42387B, #261C22)
• Dusty Abyss color palette (#DBE4DD, #A8BFB4, #6F988D, #004E56, #17231A)
• Petrol Coast color palette (#E4EFF7, #BDC5D0, #9FA3B8, #006893, #11212D)
• Tempered Hollow color palette (#FEF0FA, #EBC7D8, #BE9CA6, #3F4FAC, #3E2C3A)
• Pewter Workshop color palette (#CFE0F4, #787BB5, #704A7C, #3F3A34, #2A2900)
• Aged Pewter color palette (#FCF2F4, #E5D6CD, #C5ADA8, #795579, #443638)
• Aged Grove color palette (#ECDEE4, #AB9299, #84686B, #30195C, #13040B)
• Bronze Market color palette (#EBDFCE, #8A7B00, #404B00, #003442, #231900)

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