Tempered Navy color palette — #F5E1D2 · #B2581A · #626000 · #003D94 · #200900

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

The five colors

• Parchment (#F5E1D2): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#B2581A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Olive (#626000): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#003D94): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#200900): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Chalky Navy color palette (#EBDCC4, #D96A7C, #836400, #1F3B9E, #431100)
• Timeworn Bronze Garden color palette (#F5E6D9, #AF6400, #814800, #004E5C, #2B010B)
• Wandering Bronze color palette (#F4EADB, #866500, #465300, #002E60, #0E0500)
• Softworn Amber Study color palette (#FCF4E6, #AB8A1E, #7F6D00, #00537A, #341405)
• Aubergine Parlor color palette (#F0EBD8, #7B8100, #2B8012, #470098, #1A0F00)
• Powdered Harbor color palette (#F0E0ED, #A1001A, #004B3A, #002D47, #140D27)
• Scarlet Thicket color palette (#FFF0FD, #E73000, #00646B, #003F43, #010117)
• Coral Quarry color palette (#F7DFD5, #FF565F, #009670, #00699A, #280911)

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