Softworn Courtyard color palette — #FFF2EA · #FDA77B · #2BB8D6 · #BC5200 · #002D37
Terracotta and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Melon (#FDA77B): A luminous, balanced orange — the color of sun-warmed clay.
- Cyan (#2BB8D6): A luminous, balanced blue — the color of open sky before noon.
- Terracotta (#BC5200): A full-bodied, balanced orange — the color of toasted spice.
- Midnight (#002D37): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Balance. Tagged warm.
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
- Misty Plum Quarry color palette (#FFF2EF, #FF9FAF, #00BDC2, #B45166, #002F30)
- Weathered Bronze color palette (#FFF3E5, #E8B46D, #7AA6F1, #A06900, #092555)
- Amber Station color palette (#FFF3E8, #FFC799, #94BDF8, #B9793F, #21395B)
- Tangerine Summit color palette (#FFF2EA, #F58246, #00A6C9, #3A85B9, #2E1300)
- Feathered Ember Lagoon color palette (#FAE9F4, #F5A991, #C198FE, #F2551B, #3E285B)
- Tempered Terracotta Veranda color palette (#FFE6F5, #C87451, #0085AA, #913500, #003C4E)
- Patina Iris Alley color palette (#FFF4DE, #EFB728, #707FEF, #876500, #140062)
- Hushed Terrace color palette (#FFF2EB, #ECBD95, #B87760, #7C464B, #2F1E00)
Browse the whole catalog at Explore, or see today's palette.