Tempered Navy color palette — #E8F1E2 · #009079 · #005E79 · #262673 · #0D1800
Navy takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E8F1E2): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#009079): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005E79): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#262673): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#0D1800): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Hushed Market color palette (#EDF0DC, #3D9140, #006261, #003758, #191300)
- Linen Petrol color palette (#ECF5EB, #00A2A1, #0069A7, #473271, #00260B)
- Aubergine Lagoon color palette (#E4F2E5, #008D91, #005A8C, #351F71, #260322)
- Patina Jade color palette (#DEF8F7, #00B16E, #00808F, #254D90, #2C2E00)
- Dusty Drift color palette (#CAE9D7, #007E99, #2E00DA, #4A0051, #00120E)
- Lowlit Study color palette (#DEEADA, #00675C, #003B53, #180052, #010500)
- Wandering Teal color palette (#C8E6DC, #00AA92, #007E75, #004947, #002629)
- Tempered Field color palette (#E2ECD7, #91A78A, #5E7F64, #594055, #36202D)
Browse the whole catalog at Explore, or see today's palette.