Tempered Courtyard color palette — #FFF1F6 · #A59C6F · #4E6E32 · #4A4668 · #193E2B
Built around Olive, softened by Taupe — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Taupe (#A59C6F): A luminous, dusty green — the color of new leaves after rain.
- Olive (#4E6E32): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#4A4668): A full-bodied, dusty violet — the color of twilight just after sunset.
- Forest (#193E2B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered 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
- Wandering Veranda color palette (#EBFAEE, #73A799, #367054, #2E5061, #1B3D34)
- Wandering Pier color palette (#F8F1E2, #A9A17A, #4C7133, #1A4C66, #221C01)
- Weathered Alley color palette (#D6EBDA, #81945B, #00663E, #473260, #003127)
- Wandering Driftwood color palette (#ECF9F0, #B2BA88, #6A8C55, #2B6A8D, #193D31)
- Lagoon Parlor color palette (#FDF1F6, #ADC8B8, #5B8C82, #5F6578, #3E5346)
- Airy Aubergine Boulevard color palette (#EFECFF, #AE76B4, #648F2D, #772581, #293C10)
- Forest Hollow color palette (#FBF2FC, #A5CDD7, #0085A4, #196325, #1A3C5E)
- Chalky Forest color palette (#E4F2E2, #7F7E33, #0A540B, #431C44, #1D1C00)
Browse the whole catalog at Explore, or see today's palette.