Tempered Navy color palette — #E3F1EA · #837E00 · #003780 · #2F2D00 · #000105

Navy and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E3F1EA): bright and airy, almost weightless.
• Olive Leaf (#837E00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003780): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#2F2D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Tempered 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

• Bronze Lantern color palette (#E5F1E6, #9D7100, #004352, #3A2700, #000103)
• Tempered Aubergine Summit color palette (#E0F4F1, #30903A, #4D008F, #003608, #01000A)
• Nocturne Fern color palette (#E0DFD0, #436800, #002E39, #132200, #000201)
• Navy Dune color palette (#CAEADA, #5C5700, #09008A, #1D2622, #0F0500)
• Nocturne Boulevard color palette (#E2E8CD, #008650, #004841, #001621, #000106)
• Weathered Mulberry Hollow color palette (#DAEEF1, #00A491, #850071, #00463D, #020006)
• Dusty Study color palette (#DBE4E3, #A6C0C7, #7297B0, #004924, #000201)
• Aged Moss color palette (#C5E8EC, #A7A900, #008F76, #005194, #000102)

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