Tempered Courtyard color palette — #F5ECFA · #DB5991 · #008028 · #6E003D · #001803
Built around Hot Pink, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Blush (#F5ECFA): A whisper-light, dusty violet — the color of wild irises.
- Hot Pink (#DB5991): A luminous, vivid rose — the color of strawberry cream.
- Olive (#008028): A full-bodied, balanced green — the color of fresh herbs.
- Mulberry (#6E003D): A deep, shadowed, balanced rose — the color of strawberry cream.
- Ink (#001803): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Garnet Archive color palette (#EADEEE, #C84F75, #007C75, #84003D, #001614)
- Worn Aubergine Pier color palette (#DFDCF3, #A65DB7, #007E60, #6F0083, #00170F)
- Feathered Courtyard color palette (#E8D6F4, #CC4288, #846600, #840351, #352700)
- Peony Drift color palette (#FED2D1, #F44AB5, #009E78, #A52878, #003224)
- Feathered Aubergine Grove color palette (#E0E5FF, #9873EC, #527700, #480091, #0C1600)
- Plum Quarry color palette (#E7DFF2, #AC2F89, #007140, #00575C, #10041C)
- Muted Plum color palette (#FFF1F0, #F17FB3, #B28D00, #B2006E, #201700)
- Feathered Ember color palette (#F4DFED, #E74514, #007AAE, #892000, #001827)
Browse the whole catalog at Explore, or see today's palette.