Tempered Courtyard color palette — #F8DCA9 · #99B978 · #1C826D · #553048 · #2D0222

A conversation between Sage and Teal, giving this palette its sense of nature and growth.

The five colors

• Peach Cream (#F8DCA9): A whisper-light, dusty gold — the color of old brass.
• Sage (#99B978): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#1C826D): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#553048): A deep, shadowed, dusty pink — the color of neon signs at night.
• Deep Indigo (#2D0222): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, 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

• Tempered Lantern color palette (#E4E6CF, #70BE91, #008290, #702D32, #2E070A)
• Olive Lagoon color palette (#EDDDD5, #B2A05F, #518A3F, #533966, #29072D)
• Tempered Driftwood Summit color palette (#FFE3CA, #7C854B, #00645F, #4C1F3F, #23001B)
• Softworn Teal color palette (#F5F8DF, #3CBA93, #006E6E, #642612, #000A06)
• Weathered Jade color palette (#DFE5D4, #84B57A, #559070, #226980, #002740)
• Muted Lagoon color palette (#EEF1D9, #69B214, #00752D, #003D2A, #001311)
• Worn Lagoon color palette (#E1E9DC, #26917D, #00546E, #3E0005, #030100)
• Mulberry Atelier color palette (#F4FCBA, #8FE6A6, #1EABB8, #993C50, #54160F)

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