Worn Courtyard color palette — #FCF1F9 · #8796C6 · #667846 · #006253 · #16485D
Pine takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FCF1F9): bright and airy, almost weightless.
- Blue Fog (#8796C6): A luminous, dusty violet — the color of twilight just after sunset.
- Olive (#667846): A full-bodied, dusty green — the color of a quiet forest floor.
- Pine (#006253): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#16485D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged muted, cool.
Use it as a design system
One click turns Worn 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
- Bronze Courtyard color palette (#FDEDF1, #B589C2, #926914, #00575D, #002F24)
- Timeworn Atelier color palette (#F5F6EF, #C7E5E2, #66A3BA, #2B7C81, #305345)
- Aged Olive Atelier color palette (#FAF4E9, #A79767, #587C4C, #006158, #13485E)
- Antique Studio color palette (#FFF2ED, #D6BBAE, #A29183, #82752B, #445041)
- Softworn Driftwood Ridge color palette (#F5F4FE, #CB9FD7, #A28A43, #15748F, #2A455B)
- Ancient Dune color palette (#F9F5EA, #938A4A, #1A7546, #00525C, #522E01)
- Hushed Bronze color palette (#FEF2F1, #BE849C, #9D5D47, #6A4F00, #364925)
- Hushed Shell Balcony color palette (#FAF2FB, #FFADB8, #D19C76, #8E8954, #413E5C)
Browse the whole catalog at Explore, or see today's palette.