Tempered Navy color palette — #E6F1E6 · #9F722C · #2F641B · #152185 · #290600

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

The five colors

• Cream (#E6F1E6): bright and airy, almost weightless.
• Ochre (#9F722C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#2F641B): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#152185): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#290600): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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 Aubergine Loft color palette (#FAE7EF, #AE682F, #00644E, #42007E, #230D00)
• Navy Study color palette (#F6E9F5, #BB585E, #1F661C, #122481, #2C0015)
• Ancient Bronze Corridor color palette (#F8E9EE, #AE6824, #5D5700, #003757, #2E0006)
• Dusty Olive Lantern color palette (#E4F7EE, #7D7C00, #006442, #00424D, #402400)
• Hushed Aubergine Corridor color palette (#CEE9D1, #926A00, #00575F, #4C004C, #1C0800)
• Patina Olive color palette (#D1E5E0, #507914, #004C71, #4F001E, #060E00)
• Washed Summit color palette (#F2E9FA, #B15989, #575A00, #003851, #260028)
• Chestnut Pier color palette (#E3F3E9, #756400, #002C26, #001107, #050102)

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