Dusty Amber Courtyard color palette — #F9F0EA · #BB7854 · #647731 · #0E563C · #111E15

Caramel and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Caramel (#BB7854): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#647731): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#0E563C): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#111E15): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Dusty Amber 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

• Bronze Terrace color palette (#FBEFEA, #CA8A7A, #926A00, #3C551F, #3A1E20)
• Weathered Chestnut Atelier color palette (#FBEEED, #B36B8B, #8F5800, #4B4A11, #191D0D)
• Wandering Corridor color palette (#E8F5F0, #5A9AC4, #65712B, #275C42, #101C13)
• Powdered Parlor color palette (#FFEFDF, #A15B00, #146108, #00483F, #00131B)
• Weathered Peony Summit color palette (#F7F3FE, #B76CA8, #487C53, #305B3A, #2A3642)
• Hushed Villa color palette (#FCEEF2, #9674B3, #007C75, #00556F, #231520)
• Weathered Atelier color palette (#FEF1F7, #C8B5FF, #9A8F18, #1F717C, #33232B)
• Fuchsia Corridor color palette (#F6F3FE, #D98CCB, #AF785A, #4F6D8F, #353643)

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