Tangerine Courtyard color palette — #FFF0F7 · #F8811F · #00A6AC · #3F63B1 · #2E0E20

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Tangerine (#F8811F): A luminous, vivid gold — the color of old brass.
• Turquoise (#00A6AC): A luminous, balanced teal — the color of glacier melt.
• Cobalt (#3F63B1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#2E0E20): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Creativity, Balance. 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

• Marigold Market color palette (#E7FCE4, #E29200, #00A1C8, #515BB9, #291700)
• Chalky Coral Market color palette (#FFF0FE, #FF7376, #00AA8A, #006F9E, #340B0D)
• Amber Quarry color palette (#EAFBE8, #D17A00, #008393, #49479C, #16051B)
• Timeworn Mustard Boulevard color palette (#DFFEEA, #CDAC00, #00937D, #1C4D9C, #40002F)
• Mustard Hollow color palette (#E6FBEE, #CFB100, #72A2D4, #7C6699, #162A1E)
• Indigo Study color palette (#FFF0FB, #FFB0A0, #2B98E9, #7778EC, #4A1A12)
• Sunlit Cabin color palette (#FFEFDD, #A96D00, #007D6D, #0040A3, #1F1000)
• Gentle Cobalt Boulevard color palette (#DCFFEB, #CCB82A, #0085E1, #854B99, #201C00)

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