Navy Orchard color palette — #F3F8E3 · #007E43 · #005673 · #1C2576 · #2B131A

Built around Navy, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F3F8E3): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#007E43): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005673): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1C2576): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#2B131A): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Nightshade Villa color palette (#EEF9EB, #00766D, #0C3DB1, #472267, #2F1514)
• Antique Mulberry Workshop color palette (#FFF1F2, #953382, #005B68, #00376F, #321724)
• Olive Basin color palette (#F3F3E2, #4A8A0A, #006256, #004155, #3D2600)
• Timeworn Studio color palette (#F9EED0, #898C1F, #3A6900, #004950, #32312A)
• Linen Chapel color palette (#FEEFDC, #946400, #00549F, #093767, #170403)
• Worn Courtyard color palette (#E5FCEB, #AB7D00, #0072B0, #005281, #25172A)
• Shadow Corridor color palette (#D5E8D2, #004A46, #0B006F, #19002E, #060002)
• Grape Boulevard color palette (#E0FDEE, #007D9F, #6C00BE, #66004D, #361A0D)

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