Dusty Courtyard color palette — #F4E9DD · #78A0C8 · #474D9F · #00393C · #130023

Indigo and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4E9DD): a clean, paper-quiet neutral.
• Blue Fog (#78A0C8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Indigo (#474D9F): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#00393C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#130023): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Washed Denim color palette (#F2E0D7, #68A8B0, #006085, #003C22, #00052B)
• Weathered Denim Grove color palette (#F4ECE0, #76AB9E, #2D51A4, #003B4C, #181152)
• Weathered Indigo Canyon color palette (#F1E7EA, #98B4D3, #6468C6, #00585E, #2B0E40)
• Tempered Navy Lantern color palette (#F5EBE1, #577D9B, #242F82, #001F1F, #020007)
• Aged Cobalt color palette (#EBFAEE, #ACD0F4, #4D76CF, #004E63, #090230)
• Hushed Cobalt color palette (#F8F0EB, #ADD2BA, #3782B9, #005E45, #151C41)
• Tempered Cypress color palette (#F7F0EB, #C4E8E9, #849DC6, #2E7970, #472C3B)
• Chalky Denim color palette (#FBEDDD, #925F00, #0057A5, #4C2F00, #000717)

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