Navy Orchard color palette — #E3EBF6 · #ABB4C2 · #838DA6 · #18427E · #030B18

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

The five colors

• Frost (#E3EBF6): bright and airy, almost weightless.
• Ash (#ABB4C2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#838DA6): A luminous, dusty violet — the color of a velvet chair.
• Navy (#18427E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#030B18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Lantern color palette (#E8ECF5, #9A9FB1, #777996, #2C237D, #010312)
• Navy Field color palette (#EAE4EB, #C3B4BD, #A7828E, #00457E, #28182B)
• Wandering Nightshade Thicket color palette (#EEF1FE, #CFD2EB, #A9A7C9, #5E46A7, #14182F)
• Ancient Coast color palette (#EEF2F9, #D7D5DC, #BEB9C4, #64749C, #282C33)
• Garnet Market color palette (#F0E9F9, #8C6D92, #6E385D, #481A05, #1F0D00)
• Grape Boulevard color palette (#D8E0F3, #5996FF, #6370EF, #6D29B2, #070025)
• Fern Loft color palette (#D3EDE2, #6B8247, #235000, #003130, #050A00)
• Linen Lapis color palette (#ECDBEB, #5150CA, #4D0989, #3F0013, #05001D)

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