Navy Courtyard color palette — #F4F1CD · #6A8356 · #2A5F50 · #32295D · #220726

Navy and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F4F1CD): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#6A8356): A full-bodied, dusty green — the color of a quiet forest floor.
• Pine (#2A5F50): A full-bodied, dusty teal — the color of sea glass.
• Navy (#32295D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#220726): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Patina Workshop color palette (#FFEBD5, #7F7229, #3D5F38, #003663, #0F032F)
• Aged Summit color palette (#F5F2D1, #68915C, #00634D, #1D1B49, #08000C)
• Basalt Villa color palette (#D4E8DB, #37877F, #006272, #481E40, #220009)
• Wandering Cypress Bloom color palette (#FAEAE1, #858445, #00786B, #6B3858, #210306)
• Softworn Canyon color palette (#E1F1E4, #559FAB, #00627C, #003C36, #000A15)
• Dusty Onyx Parlor color palette (#F6E0DF, #7D642E, #04451E, #45001F, #2B010A)
• Patina Hollow color palette (#E0F3F0, #328662, #005146, #3E2500, #000804)
• Washed Teal color palette (#DEF8E0, #4CAC98, #357F8F, #613C60, #471C29)

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