Softworn Courtyard color palette — #F8DEDB · #DF5795 · #61463C · #3A2927 · #1E1617

Built around Hot Pink, softened by Cocoa — the whole palette hums with sophistication.

The five colors

• Shell Pink (#F8DEDB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Hot Pink (#DF5795): A luminous, vivid rose — the color of a warm blush.
• Cocoa (#61463C): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#3A2927): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1E1617): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Worn Drift color palette (#F2E0D9, #EA564D, #723E07, #501B00, #1F1613)
• Muted Blush color palette (#FAF1FF, #D87DA0, #4F4052, #241A29, #07040B)
• Tempered Lilac Market color palette (#F1DFE5, #A971DB, #644347, #372A2E, #1D161A)
• Blush Studio color palette (#EAE0F1, #DC8FAF, #81667B, #4F4556, #191720)
• Weathered Plum Balcony color palette (#F7DEDC, #A35276, #552000, #291B1A, #120A08)
• Softworn Coral color palette (#FFF2EB, #F47D5B, #5DAB7F, #7A82B7, #3D3632)
• Dusty Bronze Chapel color palette (#FEECD6, #AF7100, #513C00, #2A2013, #130B06)
• Tempered Blush color palette (#FFE0EA, #FF96A8, #D4716B, #915643, #514A45)

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