Navy Courtyard color palette — #E1E8EF · #B4BBCA · #8E8EAF · #003E6C · #000104

Navy takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E1E8EF): a clean, paper-quiet neutral.
• Ash (#B4BBCA): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8E8EAF): A luminous, dusty violet — the color of a velvet chair.
• Navy (#003E6C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Onyx Loft color palette (#D7E3DF, #968990, #7B6468, #002C4C, #000201)
• Patina Petrol Meadow color palette (#F2EBF2, #B5999F, #9B8184, #3A649E, #0F0510)
• Aged Aubergine Alley color palette (#EDEDF7, #D3CCDC, #B69CB8, #6E2389, #03010C)
• Muted Terrace color palette (#D4EAF8, #6F74A0, #6F3869, #022C0A, #000200)
• Worn Cobalt color palette (#F0F5FE, #DDD8E2, #D3BBD2, #5F72B4, #191E28)
• Hushed Orchid color palette (#F5F4FC, #E7D7E0, #BEAD9E, #B052B4, #252230)
• Weathered Harbor color palette (#D2E6D3, #847E00, #274600, #161143, #000201)
• Inked Boulevard color palette (#E0F1EA, #0069A3, #430075, #0C0E00, #00000C)

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