Tempered Courtyard color palette — #FFF3E8 · #A6BE4F · #339986 · #755779 · #3D3E37
Built around Gold, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Gold (#A6BE4F): A luminous, balanced green — the color of new leaves after rain.
- Fern (#339986): A luminous, balanced teal — the color of glacier melt.
- Graphite (#755779): A full-bodied, dusty pink — the color of neon signs at night.
- Charcoal (#3D3E37): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Ancient Mint color palette (#FFF2EA, #86D29C, #589FAC, #8C6070, #424B3C)
- Misty Pier color palette (#EBFAED, #BBD893, #3FA783, #6A5598, #073A35)
- Marigold Lagoon color palette (#FFF3E4, #E2A25C, #7A9053, #5F5C8F, #403D36)
- Softworn Mulberry Delta color palette (#FFF2ED, #A29A53, #23796A, #6D3763, #3E3E36)
- Frosted Lime color palette (#F7F6E8, #89B72D, #5D7EC5, #764D72, #57272A)
- Softworn Bronze color palette (#FAF5EA, #BBCD90, #739B78, #8C6C26, #4C4300)
- Antique Orchard color palette (#FEF0FE, #D8C788, #57B99C, #AF6594, #1F453B)
- Muted Grove color palette (#FFF2EC, #00C3A1, #0088B8, #8F3D41, #003E3F)
Browse the whole catalog at Explore, or see today's palette.