Tempered Navy color palette — #FAF5EA · #8D804D · #367547 · #524686 · #36332C
Built around Indigo, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF5EA): a clean, paper-quiet neutral.
- Mocha (#8D804D): A full-bodied, dusty green — the color of fresh herbs.
- Pine (#367547): A full-bodied, balanced teal — the color of glacier melt.
- Indigo (#524686): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#36332C): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.
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
- Tempered Denim color palette (#FFF2EA, #C89E7F, #62824D, #674B80, #4B4741)
- Chestnut Studio color palette (#FEF3EB, #AB7155, #76650A, #0E5380, #38322E)
- Timeworn Alley color palette (#F6F6EC, #829563, #007884, #713247, #32312A)
- Tempered Quarry color palette (#EBF5EA, #A97F47, #007887, #4E4B7A, #1F1320)
- Wandering Aubergine color palette (#FBF5DF, #737600, #006456, #5C0073, #242500)
- Patina Forest Atelier color palette (#FFF2EC, #DDBB97, #908745, #206E33, #00554B)
- Muted Loft color palette (#F9F4EF, #D8DBD5, #A1AEB1, #9B7C4A, #57524B)
- Cerulean Meadow color palette (#FBF4ED, #C69768, #199AB2, #5F5D94, #45332F)
Browse the whole catalog at Explore, or see today's palette.