Tangerine Courtyard color palette — #FFF0F9 · #F39FD5 · #F0833E · #728400 · #4D2C0A

Tangerine and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Carnation (#F39FD5): A luminous, balanced pink — the color of a candy shop window.
• Tangerine (#F0833E): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#728400): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#4D2C0A): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged candy, vibrant, light, 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

• Emerald Summit color palette (#FFF1F6, #FFB3D4, #E68302, #009837, #3C2900)
• Antique Basin color palette (#FCF0FF, #E0ADFF, #FD7791, #8D7500, #4C1F19)
• Tangerine Studio color palette (#FDEFE4, #FFAEB3, #F9731A, #997C00, #221200)
• Sunlit Apricot color palette (#FFF0F8, #FFC7C6, #FFA069, #BD9A27, #472602)
• Hazy Marigold Grove color palette (#E7FBEC, #FFA2A2, #C9A016, #009478, #273406)
• Amber Coast color palette (#F9DFD8, #CE884D, #8E6A00, #4C4C00, #00412B)
• Ancient Ridge color palette (#D9FAF1, #E89E3E, #5FA400, #006E80, #002B19)
• Worn Peony color palette (#EEDAE1, #D76EAE, #C16100, #3E6A00, #221300)

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