Navy Courtyard color palette — #DBE1EA · #B5B8C6 · #8F89A8 · #223D8C · #17202D

Indigo and Slate Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Silver (#DBE1EA): a clean, paper-quiet neutral.
• Ash (#B5B8C6): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8F89A8): A luminous, dusty violet — the color of a velvet chair.
• Indigo (#223D8C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#17202D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Creativity, 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

• Washed Aubergine color palette (#E3E3EA, #BDB4C8, #9B869E, #5F2379, #1E1D2E)
• Softworn Hollow color palette (#DFE6F4, #BCC3DB, #9DA2C3, #525B95, #1A1F29)
• Mulberry Meadow color palette (#F0EDF3, #D4C7D5, #B795AA, #803467, #312B38)
• Grape Basin color palette (#F3F4FF, #D4CEE9, #CB95A8, #6B35B2, #303241)
• Hushed Aubergine Alley color palette (#E0DEEA, #A095A8, #816680, #470052, #0A0616)
• Antique Petrol color palette (#F2F5FB, #DFD9E2, #CCBAC8, #69709E, #444850)
• Cobalt Loft color palette (#F6EBF4, #CEBABA, #B89F9B, #627ACE, #261B24)
• Softworn Iris Archive color palette (#E4EEFF, #8C74B6, #7B4360, #00452B, #002B2C)

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