Tempered Navy color palette — #FFF4E2 · #A48A00 · #347100 · #1E3A96 · #373801
A conversation between Indigo and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#A48A00): A luminous, balanced green — the color of fresh herbs.
- Olive (#347100): A full-bodied, balanced green — the color of a quiet forest floor.
- Indigo (#1E3A96): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Forest (#373801): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
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
- Antique Drift color palette (#F9EDDA, #7F9000, #006C42, #3E356F, #31312A)
- Faded Amber color palette (#FFF4E2, #C77500, #6A6200, #004B6A, #46310A)
- Aubergine Workshop color palette (#FFEEE1, #C18300, #0F7B3E, #441F75, #201D00)
- Washed Marigold Lantern color palette (#FFF2E9, #DA9A00, #009655, #604D90, #393700)
- Worn Nightshade color palette (#FDF5DE, #8B8000, #006864, #342599, #5E0126)
- Antique Emerald Loft color palette (#FFF4E2, #21A82F, #007065, #651783, #103F29)
- Aubergine Basin color palette (#F6EEE1, #4D7400, #004836, #30005C, #011D02)
- Timeworn Teal Pier color palette (#F5F8E0, #62B78E, #007B6A, #6D4812, #393C35)
Browse the whole catalog at Explore, or see today's palette.