Navy Orchard color palette — #F3EADB · #4F7EA2 · #00377F · #001E26 · #01000C

Navy and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F3EADB): A whisper-light, dusty gold — the color of old brass.
• Slate (#4F7EA2): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#00377F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001E26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#01000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Navy Orchard 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

• Weathered Drift color palette (#E9DFD0, #6C8DAF, #173EA1, #002A37, #03001B)
• Weathered Lagoon color palette (#EEE7DB, #458584, #00444D, #002017, #000203)
• Tempered Denim Station color palette (#E6DED3, #7AA893, #005D8F, #00393C, #000A20)
• Worn Petrol Market color palette (#EDE8E1, #9CBDA3, #007791, #004C42, #001826)
• Cerulean Chapel color palette (#F9F1E4, #9ADEDC, #0093A4, #00654C, #002A37)
• Timeworn Lagoon color palette (#F1F3D9, #479B70, #007B7A, #312E00, #000301)
• Deep Fern color palette (#DEE8DB, #2B6D16, #0C3600, #162026, #010A00)
• Twilit Aubergine color palette (#EBEADA, #3C5600, #59007A, #162300, #030005)

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