Tangerine Courtyard color palette — #F2DFE8 · #EF7F06 · #6E6934 · #563746 · #170E17

A conversation between Tangerine and Olive, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F2DFE8): A whisper-light, dusty rose — the color of a warm blush.
• Tangerine (#EF7F06): A luminous, vivid gold — the color of afternoon light on wheat.
• Olive (#6E6934): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#563746): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#170E17): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

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

• Antique Study color palette (#DDEFDD, #D69100, #616D44, #334833, #1A0C16)
• Amber Coast color palette (#F9DBE5, #C37800, #52582D, #402730, #090207)
• Antique Blush color palette (#F3E8F5, #FF6288, #855D41, #4D3951, #130F1D)
• Washed Cabin color palette (#FFF1F6, #D57500, #4C3809, #240F00, #050003)
• Weathered Bronze Quarry color palette (#D0F1D9, #947500, #2F4A25, #072412, #060003)
• Aged Veranda color palette (#E3F7F2, #A1C38B, #698084, #495855, #1E2320)
• Twilit Bronze Drift color palette (#F7E4D4, #A25300, #2F2B00, #1C0B00, #080201)
• Sunlit Quarry color palette (#D2E8E0, #80A000, #056951, #2F3A10, #000B02)

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