Navy Courtyard color palette — #F0DDF1 · #004997 · #3F3E00 · #001D43 · #010100

Indigo and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F0DDF1): A whisper-light, dusty pink — the color of peonies in June.
• Indigo (#004997): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#3F3E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Midnight (#001D43): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged 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

• Nocturne Nightshade color palette (#FFE5F3, #4830A6, #433C00, #1F005A, #010100)
• Ultramarine Cabin color palette (#FBE4F9, #0040C2, #004B34, #001857, #000804)
• Smoked Garnet Canyon color palette (#D5F7EB, #00517B, #6A1E00, #002135, #040000)
• Deep Harbor color palette (#DAE2FF, #2400AF, #3F2E00, #152104, #00000B)
• Worn Basin color palette (#D3E3FA, #025AE6, #675700, #002D88, #080600)
• Muted Plum color palette (#EDE0EB, #8E76AD, #A94180, #003345, #020010)
• Deep Aubergine color palette (#DEF2DA, #606300, #5300B0, #1C0811, #040002)
• Hazy Byzantium color palette (#FFE4EA, #9832BA, #555F00, #54006C, #070900)

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