Timeworn Courtyard color palette — #F8F0EE · #C9E5DC · #61A8BE · #517651 · #243C36
Cyan and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F0EE): a clean, paper-quiet neutral.
- Silver (#C9E5DC): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#61A8BE): A luminous, dusty blue — the color of deep harbor water.
- Olive (#517651): A full-bodied, dusty green — the color of new leaves after rain.
- Forest (#243C36): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Tempered Forest color palette (#F9F0ED, #C7E6C8, #4699B8, #2C6E3F, #39233A)
- Worn Azure color palette (#F9F1E3, #CAB071, #4CA5DF, #8B6D18, #0E392E)
- Aged Quarry color palette (#F9F3F9, #D2D6ED, #80BCCE, #5F918B, #435466)
- Tempered Market color palette (#EADED9, #16888F, #004259, #00210D, #000106)
- Linen Cobalt color palette (#F2E7DF, #84BDD2, #006CC2, #004D3F, #110F36)
- Iris Meadow color palette (#FCEFE2, #C39159, #7F88C8, #6D74A5, #322415)
- Hazy Nightshade Corridor color palette (#F8EEE3, #7BA1C2, #3E49B3, #00393A, #120025)
- Tempered Taupe color palette (#FCF0E2, #BBE3CC, #B9B8C6, #B28A7B, #3D3932)
Browse the whole catalog at Explore, or see today's palette.