Tangerine Courtyard color palette — #FBF3EE · #E0DBCA · #9BB4A6 · #ED844E · #633000

Tangerine takes the lead with Bronze close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Bone (#E0DBCA): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9BB4A6): A luminous, dusty teal — the color of shallow lagoons.
• Tangerine (#ED844E): A luminous, balanced orange — the color of autumn markets.
• Bronze (#633000): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Blush Workshop color palette (#FBF3F1, #E1D9CE, #A3BAA1, #FF6D81, #503933)
• Ancient Ember color palette (#FBF3EF, #DDDBCC, #BFC6A5, #CF603A, #652E01)
• Antique Mustard color palette (#F9F5ED, #D7DDCE, #93B6B4, #C0A223, #523C00)
• Weathered Moss Ridge color palette (#FCF4E5, #D3D298, #9FAF40, #C17330, #3E3D12)
• Patina Summit color palette (#F2E0CA, #D98F00, #7A6433, #583B12, #1A0F05)
• Pale Marigold Thicket color palette (#FFF4E0, #FAAF4C, #BD9900, #009066, #483000)
• Bronze Chapel color palette (#E7E3DC, #BFC2B2, #A4AD8E, #A77600, #291D0B)
• Washed Cerulean color palette (#F8F0B4, #D5D0AB, #9BB893, #2299A3, #144F61)

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