Dusty Courtyard color palette — #F9F3F9 · #AEEAE6 · #4097AF · #4C6C4A · #364A5D

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Sea Foam (#AEEAE6): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4097AF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#4C6C4A): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#364A5D): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Hushed Loft color palette (#FBF2F7, #D7DFF1, #819CBB, #407B6E, #4A5269)
• Tempered Summit color palette (#FAF2F8, #94D1DA, #2E81AD, #196142, #2B3B54)
• Hushed Veranda color palette (#F2F3E8, #CEE3CC, #599A9D, #006E5E, #13341E)
• Mint Delta color palette (#CDF7CD, #3DC594, #00908E, #006674, #2D4A63)
• Airy Atelier color palette (#E8F8FF, #00B4C4, #C06C80, #00737E, #503856)
• Rust Lagoon color palette (#E5F9FF, #009C9C, #B75D4B, #8A561F, #1B3D46)
• Dusty Jade color palette (#FBF3EF, #C6E8DE, #7DCBDE, #4EAE79, #235243)
• Hushed Cerulean Terrace color palette (#F2E2F0, #20A2AA, #00516D, #003217, #001133)

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