Tangerine Courtyard color palette — #EFF6FF · #88B2FF · #FC7C2E · #918E00 · #162A50
Tangerine takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Sky (#88B2FF): A luminous, balanced violet — the color of twilight just after sunset.
- Tangerine (#FC7C2E): A luminous, vivid orange — the color of toasted spice.
- Olive Leaf (#918E00): A luminous, balanced green — the color of a quiet forest floor.
- Midnight (#162A50): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
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
- Ember Hollow color palette (#EDF6FF, #93CEFF, #E66449, #A08700, #002E4C)
- Moss Field color palette (#E8EEFF, #A3A2EF, #CD9342, #659318, #232143)
- Quiet Coral Terrace color palette (#F3F4FF, #CA9FFF, #EC695F, #7A7B00, #003938)
- Bronze Drift color palette (#D2DEF6, #97ABFF, #B46700, #6A7E00, #11163B)
- Powdered Field color palette (#E9F8FF, #41DCFB, #DA668A, #C76F00, #00323B)
- Airy Moss Villa color palette (#F4F4FF, #DEB2FF, #9F9600, #00A176, #362045)
- Pale Terrace color palette (#E2FEE5, #00BCC5, #C78000, #007771, #04220B)
- Muted Rust Hollow color palette (#ECF7FF, #2FB6ED, #BA5000, #007A4A, #003043)
Browse the whole catalog at Explore, or see today's palette.