Tempered Navy color palette — #F9F5EA · #8D8C4E · #00736E · #334087 · #56253A
Indigo and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Moss (#8D8C4E): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#00736E): A full-bodied, balanced teal — the color of glacier melt.
- Indigo (#334087): A full-bodied, balanced violet — the color of twilight just after sunset.
- Mulberry (#56253A): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Denim Boulevard color palette (#F5F6ED, #7EA477, #317A93, #60447C, #60342E)
- Weathered Pine Villa color palette (#FEF3E9, #AD7D54, #3F713F, #005069, #442B54)
- Wandering Garnet color palette (#EAF6E6, #008A7F, #3A4B9C, #6E003A, #392800)
- Faded Aubergine color palette (#EBEACE, #517E00, #00546C, #530060, #3A1A00)
- Pewter Orchard color palette (#FBF5DE, #B4B697, #798A6A, #645D8B, #714850)
- Aged Garnet Ridge color palette (#FFEEE5, #C8735D, #007376, #6F1D3E, #35120A)
- Cobalt Grove color palette (#EDF9ED, #D29842, #4B81CB, #7C467E, #4B2A4C)
- Olive Quarry color palette (#E7E5D8, #667B23, #32332C, #231F04, #0D0F06)
Browse the whole catalog at Explore, or see today's palette.