Navy Courtyard color palette — #FFF0D8 · #B38B00 · #4C6E00 · #003984 · #201D00
Built around Navy, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF0D8): A whisper-light, dusty gold — the color of honey in a jar.
- Mustard (#B38B00): A luminous, balanced gold — the color of old brass.
- Olive (#4C6E00): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#003984): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Onyx (#201D00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.
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
- Tempered Moss Thicket color palette (#FFF0D8, #859E00, #00744B, #402980, #0D2200)
- Quiet Amber Loft color palette (#FFF0D8, #D87200, #736000, #00455A, #2A1700)
- Fern Terrace color palette (#FEEBCD, #8A7800, #1D5C00, #14206C, #0E1000)
- Nightshade Terrace color palette (#FDF1D8, #9A8100, #006A63, #301C8F, #34000D)
- Aubergine Grove color palette (#FFF0F8, #D36C00, #4E7915, #530086, #463100)
- Ancient Corridor color palette (#E0FFE6, #C9A23B, #628D00, #0054BB, #3C3600)
- Quiet Emerald color palette (#FFF3E8, #FFA954, #4D9E2E, #5F4298, #322600)
- Misty Onyx color palette (#EDDEC5, #5B6E00, #00482D, #230056, #020700)
Browse the whole catalog at Explore, or see today's palette.