Tangerine Courtyard color palette — #F5D9EA · #BAAF00 · #F06B00 · #3B1500 · #270F1E

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

The five colors

• Shell Pink (#F5D9EA): A whisper-light, dusty pink — the color of neon signs at night.
• Gold (#BAAF00): A luminous, balanced green — the color of new leaves after rain.
• Tangerine (#F06B00): A luminous, vivid orange — the color of toasted spice.
• Espresso (#3B1500): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#270F1E): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Ancient Lime Chapel color palette (#F8DFEC, #B0C300, #FF8A3E, #72360D, #220F02)
• Muted Rose Summit color palette (#DEF1D6, #D8A000, #FF5353, #380708, #1A0E19)
• Worn Amber Terrace color palette (#FADAE9, #C58300, #5D2B00, #2D1200, #0D0700)
• Clover Terrace color palette (#FAE6E7, #00CB76, #B89400, #142E1D, #001909)
• Frosted Veranda color palette (#E9F6E9, #BB8200, #505B00, #5F4000, #101400)
• Ancient Ember color palette (#CCECE4, #66CAFF, #E86033, #5C1700, #230B00)
• Chartreuse Study color palette (#FFD9E2, #93E994, #F3AF49, #354E47, #303630)
• Tempered Ember Workshop color palette (#D4E5ED, #00ADD5, #D55400, #2F0C00, #0B0006)

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