Pale Navy color palette — #F3F3E4 · #7D985D · #546F2D · #00417A · #3D0702

Navy takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Moss (#7D985D): A luminous, balanced green — the color of fresh herbs.
• Olive (#546F2D): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00417A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3D0702): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Quiet Olive color palette (#FFEDEA, #BF7387, #53701F, #004278, #3A081B)
• Wandering Pine color palette (#FAF5E7, #918C38, #007747, #00525B, #4E3014)
• Patina Navy Basin color palette (#F9F0E8, #BD926D, #388074, #543F76, #3D1E0A)
• Garnet Station color palette (#F5EDDA, #8C7D09, #005E7B, #610037, #1A1300)
• Washed Olive color palette (#E4E3BF, #558100, #005663, #002E50, #240001)
• Bronze Thicket color palette (#EAE2D5, #8D711E, #32312A, #1E1403, #0A0502)
• Aged Lagoon color palette (#F5F2E5, #B3B790, #44836D, #77444B, #272A0D)
• Dusty Bloom color palette (#FFE0CC, #C5B196, #8F8F6E, #6F4A5C, #4C2828)

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