Timeworn Courtyard color palette — #FFD9E2 · #FD4A8B · #007B41 · #00646F · #3E051B
Hot Pink takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Shell Pink (#FFD9E2): A whisper-light, dusty red — the color of a theater curtain.
- Hot Pink (#FD4A8B): A luminous, vivid red — the color of late-summer berries.
- Pine (#007B41): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#00646F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Onyx (#3E051B): A deep, shadowed, balanced red — the color of embers at dusk.
Feels like: Nature, Growth, Trust, Stability, Warmth, Comfort. Tagged vibrant, warm.
Use it as a design system
One click turns Timeworn 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
- Timeworn Ridge color palette (#FFF1F4, #FF6196, #008633, #00606B, #20000A)
- Antique Rose color palette (#F6DAF4, #F51B41, #008C6C, #00617E, #40040B)
- Powdered Boulevard color palette (#FFEFFE, #E8153B, #007841, #005376, #280230)
- Magenta Canyon color palette (#FED6F8, #E946DE, #577100, #00665D, #340C31)
- Powdered Ember color palette (#FFDCF0, #E25E00, #247E00, #004E6E, #40003E)
- Ember Alley color palette (#FFF0FA, #FB5523, #009B92, #006BA8, #471D11)
- Frosted Dune color palette (#FCE2AB, #FB5D26, #926500, #005862, #431D00)
- Ember Harbor color palette (#F4D3E5, #CE5A03, #008286, #184BA4, #300F00)
Browse the whole catalog at Explore, or see today's palette.