Tempered Driftwood Courtyard color palette — #FFF2ED · #BE6E6E · #388D68 · #007270 · #3E3633

Caramel takes the lead with Fern close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Caramel (#BE6E6E): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#388D68): A full-bodied, balanced teal — the color of sea glass.
• Teal (#007270): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3E3633): quiet, heavy and certain.

Feels like: Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Driftwood 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

• Hushed Petrol color palette (#FFF3E8, #BA8D6C, #2E9C96, #0B7D98, #47413C)
• Tempered Orchard color palette (#FFF1F3, #A673AD, #6C8635, #007644, #4F2C34)
• Chalky Bronze Courtyard color palette (#FFE8C5, #A87400, #008095, #2B5F87, #422B00)
• Moss Summit color palette (#FAECFF, #C76D88, #718C00, #1871A8, #25182A)
• Tempered Rust color palette (#FFDED6, #CA2F00, #007371, #08556B, #470A00)
• Wandering Moss color palette (#FFF2EF, #E0849F, #8AA53A, #478DBF, #4B302B)
• Cocoa Boulevard color palette (#FFF3E7, #B9A47F, #926844, #7D3B34, #3E3D36)
• Antique Pewter color palette (#FFF1F1, #E7DAC3, #B5CDA0, #876B9C, #62463F)

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