Navy Courtyard color palette — #DCE6F1 · #00335B · #001A3A · #150016 · #010200

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

The five colors

• Frost (#DCE6F1): bright and airy, almost weightless.
• Navy (#00335B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001A3A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#150016): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#010200): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Midnight Grove color palette (#D7E9EB, #003228, #001B1F, #19000B, #000201)
• Abyss Summit color palette (#FAE1F3, #005840, #00263F, #210200, #000404)
• Smoked Bloom color palette (#D4E8F1, #6B635E, #00353B, #191921, #000410)
• Lowlit Navy Balcony color palette (#DEE9FF, #1E0080, #0E004D, #130300, #000203)
• Aged Spruce color palette (#DEEDEF, #899DA7, #637282, #00332A, #000C0E)
• Nightshade Quarry color palette (#CEF2FF, #39951A, #007677, #2E10A0, #00070B)
• Shadow Station color palette (#E2E3FE, #52007E, #3C0041, #1E0700, #000202)
• Obsidian Aubergine color palette (#C9E4E5, #005240, #450065, #320005, #020200)

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