Tempered Courtyard color palette — #F2DDE4 · #BB6E00 · #5E5300 · #653900 · #000201

Ochre takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F2DDE4): A whisper-light, dusty rose — the color of strawberry cream.
• Ochre (#BB6E00): A luminous, balanced gold — the color of old brass.
• Deep Olive (#5E5300): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#653900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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 Station color palette (#DAEAE0, #9A8200, #1D6400, #524400, #000200)
• Tempered Coast color palette (#F0E7CA, #8A6E00, #4B4F00, #00332E, #0E0B00)
• Pale Scarlet color palette (#F6E4F1, #F02208, #734800, #840A00, #000300)
• Muted Rose color palette (#F3E5F1, #DF5F5C, #005B4C, #750011, #000201)
• Ancient Onyx Lantern color palette (#F9E8EE, #894C00, #1D4E00, #4A0038, #090000)
• Twilit Corridor color palette (#EDDCE4, #A24D00, #183D00, #401A00, #000202)
• Amber Balcony color palette (#F5E8DE, #E87517, #677F00, #A04C00, #010200)
• Weathered Workshop color palette (#D1EDDA, #D89400, #A58800, #686E00, #0A0800)

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