Navy Orchard color palette — #E2F8FF · #6DBBDE · #347EA8 · #115188 · #063778

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

The five colors

• Ivory (#E2F8FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#6DBBDE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#347EA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#115188): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#063778): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Navy Lagoon color palette (#C6FFEE, #6EC3CA, #3183AF, #00409B, #24035B)
• Hushed Lagoon color palette (#BDFFF6, #6CBDBC, #0A8793, #00596B, #21395E)
• Muted Aubergine color palette (#E3F0FF, #8EB0EB, #5E6EB1, #46408D, #412577)
• Hazy Sapphire color palette (#C6FFF1, #87D2DD, #369CD1, #3066B9, #3A297F)
• Softworn Turquoise color palette (#F2F8E5, #4BA3C7, #3D6D9C, #653A6D, #27443A)
• Airy Petrol color palette (#D0E8F3, #0076AC, #00416F, #001B46, #040038)
• Pale Boulevard color palette (#E6FBF0, #A9F4FF, #57C9F5, #4F89C8, #1C4B3D)
• Petrol Delta color palette (#F0F7F2, #D2DCDB, #B0C3C3, #3B808A, #424A44)

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