Tempered Stone Courtyard color palette — #E9FBEB · #EAABA9 · #9D9362 · #5C6D9A · #583F4C
Built around Rose Quartz, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9FBEB): A whisper-light, dusty green — the color of a quiet forest floor.
- Rose Quartz (#EAABA9): A luminous, dusty orange — the color of autumn markets.
- Moss (#9D9362): A luminous, dusty green — the color of new leaves after rain.
- Slate (#5C6D9A): A full-bodied, dusty violet — the color of wild irises.
- Cocoa (#583F4C): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Tempered Stone 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
- Softworn Taupe Loft color palette (#FFF1F6, #E0B490, #7D9D6E, #706890, #384E3E)
- Wandering Taupe Pier color palette (#FFF3E3, #FFCFCD, #B3A255, #5F71A0, #613100)
- Basalt Lantern color palette (#F7F3FF, #E2CEDB, #97AB9F, #807D97, #514961)
- Hushed Stone color palette (#E9FAEC, #F9C3A2, #C2AD69, #5596AD, #554248)
- Cocoa Veranda color palette (#FCF4E8, #CD9B7C, #87763F, #00637C, #663D00)
- Taupe Field color palette (#EBF5EA, #BF925A, #445F55, #313B30, #252024)
- Airy Pine Archive color palette (#FFE7F3, #CC9649, #368B4D, #614681, #123927)
- Linen Tangerine color palette (#FFF3E7, #FC8037, #749226, #4F3EA8, #493000)
Browse the whole catalog at Explore, or see today's palette.