Amber Courtyard color palette — #FAEEF4 · #BA7450 · #45763E · #28557C · #221725

A conversation between Caramel and Olive, giving this palette its sense of nature and growth.

The five colors

• Blush (#FAEEF4): bright and airy, almost weightless.
• Caramel (#BA7450): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#45763E): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#28557C): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#221725): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Pine Hollow color palette (#F8EEF7, #D08581, #40834B, #3D4878, #24243E)
• Cypress Balcony color palette (#F8EFF3, #AF7350, #007F78, #4C3D6B, #21141A)
• Antique Olive Lagoon color palette (#F3F0FA, #AB72A3, #736700, #005261, #1E1B28)
• Weathered Rust Study color palette (#FEF0FC, #BD615C, #726811, #5D4A71, #3C3443)
• Weathered Summit color palette (#FFECF2, #A26200, #00605B, #3E1A66, #16020A)
• Olive Hollow color palette (#E6F7EE, #7E7900, #006E7F, #552969, #071408)
• Tempered Scarlet color palette (#FFEAFC, #CB2833, #006B5A, #401D86, #210102)
• Hushed Coral color palette (#FFF2EC, #EE8883, #339B9C, #3B7879, #3E2E33)

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