Softworn Courtyard color palette — #F1F7F0 · #3FABA6 · #885C9A · #6E4D01 · #43433B
Built around Slate, softened by Turquoise — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#F1F7F0): a clean, paper-quiet neutral.
- Turquoise (#3FABA6): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#885C9A): A full-bodied, balanced pink — the color of neon signs at night.
- Bronze (#6E4D01): A full-bodied, balanced gold — the color of old brass.
- Charcoal (#43433B): quiet, heavy and certain.
Feels like: Optimism, Creativity, Sophistication. Tagged 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
- Patina Pewter Pier color palette (#EDF8F3, #5AA2C1, #9A5875, #4F5925, #2A452D)
- Petrol Workshop color palette (#F4F7EB, #6FA876, #586EA9, #78423C, #47413C)
- Ancient Azure Archive color palette (#E9F3FC, #5DA5D0, #6F6A9C, #673B59, #002D36)
- Aged Cypress color palette (#FBF3F0, #C8EAE6, #6CA1BE, #307E6C, #5D4C5E)
- Tempered Fern Cabin color palette (#F8F5EA, #C2C49E, #568F75, #526E5A, #505100)
- Quiet Atelier color palette (#E3FCEF, #008AAF, #A3005D, #3A4600, #033416)
- Bronze Boulevard color palette (#E8FBE8, #ABCCC0, #AC859A, #866F25, #655100)
- Iris Boulevard color palette (#FFF0FA, #7281D5, #984B11, #005827, #07432D)
Browse the whole catalog at Explore, or see today's palette.