Tempered Courtyard color palette — #EEF4EA · #D6C194 · #2F6E62 · #26371D · #10160E

Teal and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#EEF4EA): a clean, paper-quiet neutral.
• Sand (#D6C194): A luminous, dusty gold — the color of afternoon light on wheat.
• Teal (#2F6E62): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#26371D): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#10160E): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Patina Drift color palette (#E9F8FE, #F3AB9E, #2A6872, #223D48, #20252C)
• Sand Quarry color palette (#EBF8FA, #E6CE9E, #518A7E, #325358, #242D2F)
• Washed Denim Veranda color palette (#E8F5F1, #CEAF6E, #00598F, #042A44, #040F0C)
• Washed Cobalt color palette (#EEF3EE, #7DD5D2, #657ECD, #008281, #1B1319)
• Chestnut Ridge color palette (#E7F5E5, #705300, #32363E, #001817, #000201)
• Weathered Lagoon color palette (#EDF4EF, #CFD9D9, #B6AAA3, #6B8C76, #323834)
• Weathered Pier color palette (#DBEADF, #AF8621, #00414B, #00151A, #000201)
• Softworn Teal color palette (#EBF5E8, #4FA69C, #A17098, #844E3F, #1D261A)

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