Tangerine Courtyard color palette — #FFD7ED · #FB6E00 · #657EFF · #A94700 · #191B77

Built around Tangerine, softened by Periwinkle — the whole palette hums with optimism and creativity.

The five colors

• Shell Pink (#FFD7ED): A whisper-light, dusty pink — the color of neon signs at night.
• Tangerine (#FB6E00): A luminous, vivid orange — the color of sun-warmed clay.
• Periwinkle (#657EFF): A luminous, vivid violet — the color of wild irises.
• Terracotta (#A94700): A full-bodied, balanced orange — the color of sun-warmed clay.
• Navy (#191B77): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Warmth, Comfort, Energy. Tagged 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

• Tangerine Hollow color palette (#FFD8EC, #F67300, #0099CB, #A64B00, #003346)
• Tempered Villa color palette (#FFF3E8, #FFAC59, #488AEF, #9A5800, #001B48)
• Feathered Pier color palette (#CEEED5, #D6A929, #4172EC, #836400, #0B246E)
• Violet Orchard color palette (#E0FEEA, #E1BC2C, #8A73EC, #8F7500, #3A2F69)
• Softworn Amber Courtyard color palette (#FADFC3, #C98121, #0067A1, #6F4300, #003150)
• Washed Byzantium color palette (#CDE5D7, #BDAB28, #9346DA, #706400, #321C49)
• Ember Workshop color palette (#FFE4DE, #F63F02, #3374FF, #853FD9, #431004)
• Plum Harbor color palette (#F4DBF9, #FF5C87, #009DB5, #C10052, #00343E)

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