Dusty Courtyard color palette — #FFF2ED · #ABB97A · #3E9695 · #7F5274 · #3D3E37

Sage and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sage (#ABB97A): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#3E9695): A luminous, balanced teal — the color of sea glass.
• Graphite (#7F5274): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#3D3E37): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Muted Mint color palette (#FFF2EF, #95CEA3, #699AB0, #945C66, #3F4C38)
• Teal Basin color palette (#FEF0FF, #D0D282, #00A89C, #894C6F, #1B3833)
• Apricot Chapel color palette (#FFF3E8, #E1A264, #66945E, #665A8E, #403D36)
• Timeworn Cobalt Orchard color palette (#FCF4E6, #BFA157, #5382C1, #8C4541, #582724)
• Aubergine Alley color palette (#E9FAEC, #82A373, #1B7A68, #5C3D7A, #1A4543)
• Teal Corridor color palette (#FFF4E2, #AAD695, #11BFA1, #8E75AA, #3C3E37)
• Bronze Atelier color palette (#FAF4E9, #C8C7A0, #639E83, #8C6C26, #484400)
• Bronze Lantern color palette (#FEEAC6, #C3C8AB, #84A790, #A86848, #7A3E1E)

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