Tempered Navy color palette — #DBF5E6 · #5B5200 · #002CA0 · #252100 · #00031D

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

The five colors

• Honeydew (#DBF5E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#5B5200): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#002CA0): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Onyx (#252100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00031D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Energy, Balance. Tagged cool.

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

• Dusty Navy Market color palette (#DDF4DF, #6A4B00, #00406F, #2C1D00, #000611)
• Nocturne Aubergine color palette (#CDF3E2, #555500, #49009C, #222200, #08001D)
• Airy Ultramarine Dune color palette (#CDEED7, #7E6600, #3845C0, #443600, #020023)
• Aubergine Station color palette (#E0F0E3, #513C00, #400081, #2D005F, #030200)
• Ancient Aubergine Cabin color palette (#CFECF1, #006E63, #710098, #00352E, #1C0028)
• Soft Indigo Hollow color palette (#F3ECDE, #997A00, #5C5ED7, #675100, #040021)
• Chalky Aubergine color palette (#CDEFE8, #4A901D, #750090, #1C4400, #2C0436)
• Washed Byzantium color palette (#CEE4D9, #8A8200, #883DC3, #504B00, #341A4B)

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