Tangerine Courtyard color palette — #DCE6FF · #00CAB7 · #F07B06 · #311022 · #180810

Tangerine and Aqua set the tone — five colors that lean into optimism and balance.

The five colors

• Frost (#DCE6FF): A whisper-light, dusty violet — the color of wild irises.
• Aqua (#00CAB7): A luminous, balanced teal — the color of sea glass.
• Tangerine (#F07B06): A luminous, vivid gold — the color of old brass.
• Deep Indigo (#311022): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#180810): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Balance. Tagged neon, dark, vibrant.

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

• Amber Alley color palette (#EDE4FF, #00CAB6, #D98E00, #0F240E, #080F07)
• Coral Harbor color palette (#E9EEFF, #00DAA6, #FF7B57, #4B2F0D, #301F15)
• Wandering Veranda color palette (#DCE6FB, #00ABA2, #AF6800, #250513, #0E0105)
• Washed Lantern color palette (#EBD9EB, #1ECFFB, #C5AB00, #1B3024, #0D1410)
• Tempered Lime color palette (#D1E6EF, #81C700, #F25A5E, #2C152B, #150C14)
• Dusty Mustard Cabin color palette (#D3EEF3, #00E1B0, #CAB600, #3C3933, #262115)
• Weathered Marigold color palette (#FFECF3, #D29E00, #713D00, #331900, #110309)
• Weathered Chapel color palette (#ECF4EF, #C2DEDF, #A1C9C1, #7C6A15, #1D2821)

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