Apricot Courtyard color palette — #FFF1F0 · #E3D7D2 · #E39A76 · #976D35 · #4E4500

Camel takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bone (#E3D7D2): bright and airy, almost weightless.
• Camel (#E39A76): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#976D35): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4E4500): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

One click turns Apricot 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 Cocoa Corridor color palette (#FFF1F0, #FFD2C6, #E7AC91, #B68868, #633A00)
• Mustard Hollow color palette (#FFF2EC, #E3DBC1, #C8B161, #6C7C3B, #1A4F2A)
• Tempered Blush color palette (#FFF1F6, #F8D1DA, #E792B0, #A96363, #5D2B01)
• Weathered Boulevard color palette (#F3EFFF, #E2A7B5, #AC745E, #704F14, #2B3200)
• Softworn Corridor color palette (#FDF3ED, #E4997D, #734B00, #352820, #130E0D)
• Amber Garden color palette (#F1DDD3, #D68D00, #6D6200, #243400, #000602)
• Powdered Alley color palette (#FFF2EF, #FFBE81, #AF8500, #575F00, #002906)
• Amber Lantern color palette (#FDF4E2, #FFCED8, #D0935C, #46789E, #453D3A)

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