Tempered Courtyard color palette — #D0E5E3 · #908400 · #007240 · #004351 · #000704
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Silver (#D0E5E3): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#908400): A luminous, balanced green — the color of fresh herbs.
- Pine (#007240): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#004351): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000704): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light, 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
- Misty Corridor color palette (#D5FAED, #B77200, #4C6A00, #00463A, #000300)
- Emerald Bloom color palette (#E5EBDE, #229312, #006E4D, #00413B, #000201)
- Eclipse Forest Boulevard color palette (#E2F2EB, #45683F, #003424, #171800, #010900)
- Frosted Thicket color palette (#DDECF2, #009947, #006A70, #2000BD, #000406)
- Ancient Onyx color palette (#E9E9CB, #41716A, #004C4A, #3D0523, #1E0800)
- Ancient Abyss Field color palette (#E8DFE6, #5A8896, #004453, #002414, #000A15)
- Emerald Loft color palette (#DFE8D3, #AEA400, #00AD60, #00809B, #000504)
- Garnet Corridor color palette (#D2E8EE, #005D5F, #790305, #002627, #140000)
Browse the whole catalog at Explore, or see today's palette.