Tempered Navy color palette — #EBF2DE · #00613C · #003B81 · #002816 · #000516
A conversation between Navy and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#EBF2DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#00613C): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#003B81): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Forest (#002816): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000516): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Eclipse Basin color palette (#D1F1E2, #004C35, #00394E, #2A2400, #000201)
- Aubergine Boulevard color palette (#D2E9D8, #005C67, #57008A, #00262B, #0B0018)
- Lowlit Abyss Grove color palette (#DBE6D8, #005F55, #4F3B00, #002722, #090500)
- Fern Parlor color palette (#E0EDDF, #4A6B00, #1E262B, #001918, #000303)
- Patina Fern color palette (#DFF3E0, #007D7F, #655A00, #004244, #1F1B00)
- Worn Lagoon Lagoon color palette (#E5EFDB, #3C9F92, #00747C, #003821, #000E0B)
- Frosted Delta color palette (#D8EAEA, #007D54, #8F0095, #00442C, #0F0010)
- Sapphire Balcony color palette (#E3EDD6, #1666F7, #007274, #050E12, #000300)
Browse the whole catalog at Explore, or see today's palette.