Tempered Navy color palette — #FFF1F6 · #A75800 · #005B5E · #252C8A · #2F1B37

A conversation between Indigo and Ochre, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ochre (#A75800): A full-bodied, balanced gold — the color of old brass.
• Peacock (#005B5E): A full-bodied, dusty teal — the color of shallow lagoons.
• Indigo (#252C8A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#2F1B37): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Aubergine Boulevard color palette (#E1FEE4, #956000, #006075, #422479, #391216)
• Navy Terrace color palette (#E4FDEA, #9C7700, #006955, #01398C, #51163A)
• Soft Navy Market color palette (#FEDDE8, #874F00, #004B59, #271465, #200924)
• Quiet Brick Lagoon color palette (#FFF0FB, #C30517, #00614B, #003F67, #2D1430)
• Bronze Garden color palette (#FFF4E0, #A68200, #008A74, #005979, #3E1020)
• Antique Terrace color palette (#E0F9EC, #777000, #12680D, #003273, #230003)
• Frosted Amber color palette (#FFF4DE, #B58100, #586900, #00477D, #403400)
• Washed Dune color palette (#EFF8EE, #C5E1DD, #A7C4B7, #915E00, #384338)

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