Navy Courtyard color palette — #FAF2FA · #E1BC9C · #54739E · #22436E · #271E28

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

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Sand (#E1BC9C): A luminous, dusty gold — the color of honey in a jar.
• Slate (#54739E): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#22436E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#271E28): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

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 Loft color palette (#EBF9F1, #EBB2C1, #307C93, #004A5C, #18251E)
• Tempered Cobalt color palette (#EFF6FF, #FFDECA, #5F75A8, #2B394E, #09101A)
• Washed Dune color palette (#EFF6FD, #C8AA6B, #235482, #0D2F50, #1C1D29)
• Muted Chapel color palette (#FFF0F7, #9DCA8B, #714FBD, #412479, #28131E)
• Dusty Boulevard color palette (#E7FAF5, #F2D18C, #7299C1, #3E6E63, #192422)
• Iris Study color palette (#F9F3F7, #E0D8D6, #CCBEB4, #8287D3, #51434C)
• Aubergine Corridor color palette (#EBD8E0, #71B789, #5F458A, #311952, #1A020E)
• Frosted Ultramarine Parlor color palette (#F6DBF0, #C8A900, #324CBE, #11197D, #1B0618)

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