Dusty Courtyard color palette — #EDF6FF · #FFDDD0 · #537A9E · #0A3B5F · #03101E

Built around Navy, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Shell Pink (#FFDDD0): A whisper-light, dusty orange — the color of autumn markets.
• Slate (#537A9E): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#0A3B5F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#03101E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Cerulean Archive color palette (#F0F5FE, #B8E4F0, #7285B2, #364762, #141B27)
• Stone Loft color palette (#E8F4FC, #CEAF6E, #245B78, #0A2A3F, #060D13)
• Sunlit Navy color palette (#F1F5FF, #D1E295, #605CBB, #2A1674, #02041E)
• Worn Azure Coast color palette (#EDF8F3, #ECD29B, #499FCD, #376985, #15261F)
• Coral Grove color palette (#FEF0FE, #E5978A, #34527D, #3C233D, #26161B)
• Violet Lantern color palette (#F2F4FF, #AC9AE4, #9960AD, #646700, #0F1B32)
• Pine Pier color palette (#DEFCFC, #87DAF2, #9684CB, #00764F, #1E3348)
• Blush Thicket color palette (#EDF7FD, #C8DFFF, #DB7C9A, #0098C0, #190D1E)

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