Tempered Courtyard color palette — #DEEEF8 · #009973 · #6D7B00 · #070D07 · #020100

Olive Leaf and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DEEEF8): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#009973): A luminous, balanced teal — the color of glacier melt.
• Olive Leaf (#6D7B00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#070D07): a grounded near-black with real depth.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, 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

• Washed Pine Grove color palette (#E7EAFF, #0090B3, #008764, #040C0C, #010100)
• Lagoon Chapel color palette (#D3F4DE, #00926B, #004E42, #001311, #000202)
• Antique Alley color palette (#F8DCE8, #7A8D00, #A36000, #0E0C05, #020100)
• Hushed Studio color palette (#E2E3D3, #3E9000, #00473A, #123400, #000200)
• Abyss Workshop color palette (#E6E7E0, #B7BEAA, #6C9E8C, #00491A, #010100)
• Aged Sky color palette (#DEDFFE, #0AB9F6, #00B48B, #000F10, #010100)
• Velvet Ridge color palette (#E9D9E6, #006B77, #5C5300, #070A05, #000201)
• Ancient Bronze Market color palette (#F6D8D8, #0089C1, #B75900, #290F00, #040100)

Browse the whole catalog at Explore, or see today's palette.