Tempered Navy color palette — #ECF5E8 · #008A7A · #005B7F · #392C72 · #11340E
A conversation between Royal Purple and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECF5E8): a clean, paper-quiet neutral.
- Fern (#008A7A): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005B7F): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#392C72): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Forest (#11340E): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, 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
- Hazy Nightshade Harbor color palette (#E7F6ED, #0084A2, #2F4AA6, #502066, #003521)
- Antique Workshop color palette (#F1F3E6, #3A8B3E, #006160, #003E64, #342B00)
- Dusty Lagoon color palette (#DDF6F3, #00AEA9, #007C81, #00555C, #003F4A)
- Cerulean Terrace color palette (#F5F6ED, #93D1D8, #00879B, #00605D, #054151)
- Timeworn Onyx Canyon color palette (#DFF5E2, #00646A, #003767, #2B0050, #001707)
- Dusty Nightshade Pier color palette (#CCF2E2, #0078A3, #4900C8, #59004F, #002B28)
- Weathered Pine color palette (#F6F6E8, #78A97D, #007646, #3B5330, #35362F)
- Hushed Petrol color palette (#D7EDCF, #73BBBB, #377E8E, #694D5E, #553736)
Browse the whole catalog at Explore, or see today's palette.