Tempered Navy color palette — #E5DFD1 · #675C00 · #004499 · #302A00 · #00020C

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

The five colors

• Bone (#E5DFD1): bright and airy, almost weightless.
• Olive (#675C00): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#004499): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#302A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Weathered Nightshade color palette (#EAE4CE, #5D6000, #4800C1, #2B2C00, #030013)
• Powdered Thicket color palette (#F6E3D8, #AC4519, #00387B, #4B1600, #00020C)
• Aubergine Cabin color palette (#F3EDDD, #544E00, #61006B, #221F00, #030004)
• Aubergine Courtyard color palette (#E1E2D2, #407B1B, #5F0070, #133200, #07000A)
• Airy Ultramarine Meadow color palette (#DAE7DD, #9A7A00, #1549FC, #4A3900, #00000B)
• Linen Lapis color palette (#D8E8D9, #9D6D00, #5E42DF, #5C3F00, #0F0038)
• Faded Ultramarine Orchard color palette (#EEEAD5, #909F22, #114DEA, #495200, #00074C)
• Linen Mulberry color palette (#D7E6CF, #007D6A, #960082, #004035, #140010)

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