Amber Courtyard color palette — #FFF0F8 · #D8B88C · #BA7F61 · #8B595E · #2E4238
Built around Caramel, softened by Sand — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Sand (#D8B88C): A luminous, dusty gold — the color of old brass.
- Caramel (#BA7F61): A luminous, balanced orange — the color of toasted spice.
- Pewter (#8B595E): A full-bodied, dusty red — the color of embers at dusk.
- Forest (#2E4238): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Bronze Summit color palette (#F5E1EC, #C8A880, #B96741, #7D4A51, #1D372A)
- Softworn Terrace color palette (#ECF9EE, #ACD6C2, #B2976A, #886A7B, #3B4C49)
- Muted Cocoa Boulevard color palette (#FFF2E9, #CB9D70, #95654A, #7B3F1E, #533700)
- Taupe Studio color palette (#FFF0F7, #F0C1D4, #D0A084, #A07B92, #4C363D)
- Softworn Moss color palette (#D9F7E6, #9CC27B, #958800, #875300, #143F2A)
- Misty Blush color palette (#F3EFFF, #E7A5D9, #DD6E82, #99492C, #513300)
- Terracotta Meadow color palette (#FAD1DE, #BCA523, #A56800, #942400, #1F2F00)
- Tempered Indigo color palette (#F3F5FB, #C2BAFF, #C59B29, #6F5DB8, #1A281E)
Browse the whole catalog at Explore, or see today's palette.