Tangerine Courtyard color palette — #FFF3E9 · #F68317 · #4F8736 · #005365 · #221037

Built around Tangerine, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Tangerine (#F68317): A luminous, vivid gold — the color of afternoon light on wheat.
• Olive Leaf (#4F8736): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005365): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#221037): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Pale Coral Thicket color palette (#FFF2ED, #FC7774, #7A7C00, #005558, #1A123E)
• Marigold Boulevard color palette (#FFF4E1, #CE9E00, #00897A, #3C4280, #360612)
• Timeworn Mustard Thicket color palette (#FDF4E7, #F2AC29, #1CA083, #495989, #441E18)
• Washed Apricot Parlor color palette (#FFEEE5, #FE8E6E, #36AA7B, #5D68B5, #1F225D)
• Patina Bronze Dune color palette (#FFF0E0, #AC6800, #005D3B, #00244C, #050002)
• Washed Delta color palette (#FFF3E6, #BF7800, #38352E, #180D02, #030100)
• Patina Sand Drift color palette (#FFF2EA, #EDD38E, #A1AC79, #477264, #4F3248)
• Washed Hollow color palette (#FFF3E4, #ECB100, #A28800, #605D00, #2B3508)

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