Airy Courtyard color palette — #F5D8DB · #E97F57 · #A07900 · #4E5E00 · #001908

Coral Clay and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F5D8DB): A whisper-light, dusty red — the color of a theater curtain.
• Coral Clay (#E97F57): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#A07900): A full-bodied, balanced gold — the color of old brass.
• Olive (#4E5E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#001908): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Airy 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

• Weathered Canyon color palette (#F3E5EE, #EF747C, #C05A00, #6A5000, #101800)
• Hazy Marigold color palette (#FFE8DD, #D29522, #778700, #006C2A, #001E1D)
• Airy Ember Pier color palette (#D5E7D4, #F16647, #7B7C00, #4342B1, #241000)
• Patina Marigold Drift color palette (#FCEAE0, #DA911F, #806100, #302D00, #020500)
• Softworn Bronze Thicket color palette (#D3E6D6, #9C7100, #344A18, #092310, #050003)
• Powdered Olive Terrace color palette (#F6E3CE, #967E00, #447200, #00493E, #000405)
• Mustard Corridor color palette (#FDDFD2, #E7AC00, #989D00, #007E4A, #003431)
• Dusty Bronze Balcony color palette (#E6DDE1, #B4C8C4, #8FB0B4, #B26C45, #291A22)

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