Amber Courtyard color palette — #F5F3FF · #EFD6D8 · #EC9EA7 · #BC6D54 · #643E51

Caramel takes the lead with Rose Quartz close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Shell Pink (#EFD6D8): A whisper-light, dusty red — the color of embers at dusk.
• Rose Quartz (#EC9EA7): A luminous, balanced red — the color of late-summer berries.
• Caramel (#BC6D54): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#643E51): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Ancient Pier color palette (#FFEBEF, #E99ABB, #B66A79, #875542, #55504A)
• Worn Bronze color palette (#F9F2FF, #F7D6C4, #E49982, #A06B27, #30513E)
• Rust Veranda color palette (#FFF0FB, #E7D4D6, #E3A191, #A45449, #3F223B)
• Rust Dune color palette (#FFE5F0, #F08385, #CB4B00, #6B4100, #221B00)
• Tempered Amber Bloom color palette (#FFEFF2, #FFB1A1, #CA6A0B, #7A5500, #2C2A00)
• Timeworn Station color palette (#FBF2FB, #F4D5C6, #8DDBE1, #DA797F, #095054)
• Tempered Ridge color palette (#FFE9DE, #D5D1DD, #A19591, #593F4E, #2C2127)
• Softworn Coral color palette (#FFF0F8, #FFC0C8, #FF5E44, #9F5200, #3E2B00)

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