Hazy Courtyard color palette — #FFE2DA · #F68218 · #B68400 · #766700 · #213901
A conversation between Tangerine and Mustard, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#FFE2DA): A whisper-light, dusty orange — the color of sun-warmed clay.
- Tangerine (#F68218): A luminous, vivid gold — the color of honey in a jar.
- Mustard (#B68400): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#766700): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#213901): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Hazy 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
- Misty Study color palette (#F8D7C4, #DC8200, #996700, #685100, #332F00)
- Hushed Market color palette (#FEDBD1, #F8A123, #C79700, #6E822D, #27431A)
- Patina Ember Courtyard color palette (#F6DFE4, #FF7674, #DA6100, #996200, #312B00)
- Hazy Harbor color palette (#DEEEE0, #B8B75B, #B0863C, #955A3E, #032B26)
- Mustard Ridge color palette (#EBE3A2, #E0BA00, #AB9600, #746000, #191600)
- Misty Olive color palette (#F1E5D6, #9B8D00, #577C00, #005F30, #001A15)
- Pale Moss Courtyard color palette (#F8EAD7, #B9B100, #6F9900, #007A49, #00352D)
- Powdered Mustard Boulevard color palette (#C8E8CF, #EFBA30, #5D89EA, #A37B00, #0D245B)
Browse the whole catalog at Explore, or see today's palette.