Tempered Courtyard color palette — #F7DCF2 · #FBBB3C · #91AF00 · #365249 · #12231E

Lime takes the lead with Saffron close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F7DCF2): A whisper-light, dusty pink — the color of a candy shop window.
• Saffron (#FBBB3C): A whisper-light, balanced gold — the color of old brass.
• Lime (#91AF00): A luminous, vivid green — the color of new leaves after rain.
• Charcoal Brown (#365249): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#12231E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Mustard Veranda color palette (#FBEAF0, #B2B9FF, #C3BD00, #385749, #11221A)
• Weathered Moss color palette (#F4E2F1, #C7A000, #579200, #00372F, #020B09)
• Lime Atelier color palette (#E4F2D0, #FFA29D, #45DA15, #30534E, #12211E)
• Hushed Delta color palette (#ECEDD7, #FFA397, #00D3C5, #2A525A, #0F1E21)
• Worn Teal color palette (#EFDFD9, #B1B1FF, #00C8BC, #2C4128, #1B221A)
• Soft Amber color palette (#CFF0F6, #00BCD4, #E67611, #214B5C, #01151D)
• Dusty Fuchsia color palette (#F6D6D1, #D780E7, #00B198, #002720, #050A02)
• Patina Seafoam color palette (#C9F695, #FFD1B7, #17F4DB, #53686B, #293132)

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