Tempered Courtyard color palette — #F0E2C4 · #99C09B · #4698A6 · #815D51 · #583B31

Cerulean and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0E2C4): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#99C09B): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#4698A6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pewter (#815D51): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#583B31): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Antique Atelier color palette (#F5D9C1, #C5BC94, #7D936F, #8A595A, #5E3C31)
• Worn Lagoon Drift color palette (#FCF4E7, #A5BF86, #169768, #67635C, #36362F)
• Tempered Seafoam Canyon color palette (#DEEBCF, #92D0C3, #8EAB92, #7587AD, #5A414F)
• Tempered Lichen color palette (#F1FCCB, #ACDFC5, #6EA8B2, #775B79, #4B324D)
• Dusty Coast color palette (#EAF5DE, #58BFB0, #4583D4, #7F5409, #533400)
• Washed Bronze color palette (#FFF5D7, #C6D1B7, #71A3BF, #A0663B, #7C4518)
• Antique Iris Bloom color palette (#BBF9E5, #92C7DB, #8E8BCA, #746D3F, #624B00)
• Cocoa Workshop color palette (#EFE6D9, #76A265, #007C92, #78360D, #421903)

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