Tempered Courtyard color palette — #F6F6ED · #77884C · #536395 · #6F3459 · #3B3530
Mulberry and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F6F6ED): bright and airy, almost weightless.
- Olive Leaf (#77884C): A full-bodied, balanced green — the color of fresh herbs.
- Slate (#536395): A full-bodied, balanced violet — the color of twilight just after sunset.
- Mulberry (#6F3459): A full-bodied, balanced pink — the color of a candy shop window.
- Espresso (#3B3530): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Cocoa Hollow color palette (#F2F7EC, #459783, #7C5D8C, #80352F, #383730)
- Dusty Mulberry color palette (#F4F7ED, #76A583, #4A7598, #753B6B, #5B3A16)
- Antique Petrol color palette (#F3F2E8, #768D4D, #0779A8, #72383F, #201F11)
- Weathered Denim Archive color palette (#FBF4EB, #9E7B4E, #007485, #544783, #453029)
- Worn Driftwood Market color palette (#F5F6EF, #D5DBD7, #A1AEB5, #6D8C64, #52534C)
- Garnet Ridge color palette (#F1F8EA, #007F5F, #613582, #6A0109, #251E01)
- Misty Mulberry Veranda color palette (#DBFAE3, #006F80, #7F0048, #452900, #001A0A)
- Cerulean Boulevard color palette (#EBF9F4, #9CB170, #3591AE, #915059, #273833)
Browse the whole catalog at Explore, or see today's palette.