Tempered Tangerine Courtyard color palette — #F9D7CD · #EA8449 · #AC6200 · #6D4700 · #4B3C00

Built around Tangerine, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F9D7CD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#EA8449): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#AC6200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#6D4700): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4B3C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Pale Apricot color palette (#EDDBDD, #FF9170, #BF7600, #776000, #434700)
• Hushed Bronze color palette (#FDEBD8, #B89855, #925B07, #743400, #3E3500)
• Pale Scarlet color palette (#FFD2DA, #EB6F70, #D7160C, #813000, #493900)
• Faded Bronze Study color palette (#FFF3E4, #F5EAA4, #9ACC86, #B05B0B, #54451D)
• Timeworn Bronze color palette (#F6E0C9, #9D7100, #604F00, #2B2E00, #001D0D)
• Cobalt Loft color palette (#FFF3E5, #D69337, #0074C0, #7F5000, #003D68)
• Soft Olive color palette (#FFF3E2, #B4A058, #807900, #566600, #3F542D)
• Airy Byzantium color palette (#FFE7C8, #A87400, #008386, #9118AF, #422B00)

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