Tangerine Courtyard color palette — #FFF2F0 · #FF8DB7 · #F36800 · #8B7300 · #063C05

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Ballet Pink (#FF8DB7): A luminous, balanced rose — the color of pressed rose petals.
• Tangerine (#F36800): A luminous, vivid orange — the color of toasted spice.
• Walnut (#8B7300): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#063C05): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Energy, 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

• Coral Studio color palette (#FFF1F2, #F38CE5, #EF666A, #A26600, #2D3500)
• Antique Amber color palette (#FFF2EC, #FF9586, #CA8A00, #668100, #003A2C)
• Worn Bronze color palette (#F0DDD6, #E5817D, #B57300, #5D6900, #002719)
• Bronze Courtyard color palette (#FFE2EE, #F5BCC8, #E79D94, #A68429, #4F4A04)
• Pale Marigold Summit color palette (#FAE4CD, #EA9100, #8C9100, #007B4A, #002A2D)
• Aged Rust Pier color palette (#F0F5FF, #95A7FF, #C45C00, #005E57, #002827)
• Hushed Dune color palette (#FBE7D4, #B86C00, #676900, #005130, #000A0B)
• Patina Cobalt color palette (#FEF2F1, #E8B6CE, #D19B86, #6388BE, #4D395B)

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