Denim Courtyard color palette — #FFF2EE · #AA706F · #3D7955 · #00587E · #473136

Peacock and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Mocha (#AA706F): A luminous, dusty orange — the color of sun-warmed clay.
• Teal (#3D7955): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00587E): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#473136): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

One click turns Denim 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

• Aged Ridge color palette (#FEF1F3, #AB789F, #6D6A23, #005F5B, #3E2B39)
• Navy Cabin color palette (#FBF4ED, #A3794A, #247A81, #4D478A, #47302B)
• Worn Hollow color palette (#FEEDEE, #B371A3, #327D50, #534475, #271516)
• Cocoa Corridor color palette (#FCF4E7, #D19884, #8D7346, #006572, #6B3A00)
• Driftwood Atelier color palette (#FAF2FA, #DA9498, #7B8C43, #4F6896, #403240)
• Hushed Quarry color palette (#FAF3F0, #DCDAD3, #A2B0A9, #AA7165, #5A504B)
• Rust Grove color palette (#FFF2EA, #B53908, #006155, #00377D, #38152D)
• Washed Bronze Loft color palette (#FCEFE3, #9E724D, #403C36, #342518, #191610)

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