Navy Orchard color palette — #CDE5D9 · #005169 · #001F7F · #360D00 · #000102

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

The five colors

• Silver (#CDE5D9): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#005169): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#001F7F): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Onyx (#360D00): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#000102): quiet, heavy and certain.

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

• Eclipse Aubergine Chapel color palette (#D4F3E8, #004669, #220069, #190C00, #000103)
• Timeworn Navy Bloom color palette (#EBDFD2, #007661, #003C6E, #2F1800, #000708)
• Onyx Pier color palette (#DBF5EA, #00587E, #003752, #3D001F, #000201)
• Aubergine Drift color palette (#ECDBE8, #263BAE, #300093, #2A1600, #000102)
• Moonless Navy Market color palette (#ECDDEB, #00247E, #30002A, #090700, #000108)
• Deep Cabin color palette (#D4E7CF, #00554D, #4C0048, #2B0C00, #080600)
• Soft Navy color palette (#CFEAD5, #00827D, #004B5D, #050067, #0B001E)
• Tempered Abyss color palette (#E4EAE4, #A5B8B0, #9D8597, #004E4E, #010F02)

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