Tangerine Courtyard color palette — #F7DCDA · #EC7E0B · #9A7D00 · #266100 · #001D14

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

The five colors

• Shell Pink (#F7DCDA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#EC7E0B): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#9A7D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#266100): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001D14): A deep, shadowed, dusty teal — the color of sea glass.

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

• Soft Amber Veranda color palette (#FEE2D6, #C08700, #607B00, #005A29, #000B0A)
• Chalky Coral color palette (#FFE3ED, #F36D65, #B36F00, #615500, #0C1900)
• Weathered Amber Meadow color palette (#FFE3EC, #E77300, #628E13, #473E93, #1F1400)
• Bronze Study color palette (#D6E8DC, #8F7800, #2A4B28, #042414, #050002)
• Faded Emerald Parlor color palette (#FCEEDA, #A8A700, #009537, #00625A, #001A1F)
• Airy Moss color palette (#FCEDE1, #D3B300, #5EAE00, #007F53, #003235)
• Dusty Emerald color palette (#FFF2EE, #FAC58F, #B0B167, #619457, #00453D)
• Pale Aubergine Basin color palette (#F2E9F4, #ED668A, #058C48, #68008C, #29000D)

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