Tempered Navy color palette — #D1EEF4 · #7B8300 · #006761 · #00378A · #000102
Indigo takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#D1EEF4): A whisper-light, dusty blue — the color of open sky before noon.
- Olive Leaf (#7B8300): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
- Indigo (#00378A): A deep, shadowed, balanced blue — the color of open sky before noon.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
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
- Forest Villa color palette (#D0F2EF, #987200, #006B38, #00466A, #000201)
- Airy Nightshade Chapel color palette (#C3E6F4, #5F900B, #006D7C, #3E00B5, #000102)
- Softworn Emerald color palette (#D1EEF5, #00945A, #006964, #00455F, #000303)
- Aubergine Loft color palette (#D4E9FA, #009064, #00658E, #5C006E, #00000C)
- Charred Cypress color palette (#E6E6C4, #1C705B, #003F55, #211700, #070500)
- Worn Ultramarine color palette (#D9E6D5, #70A900, #008B83, #3444CD, #000405)
- Clover Garden color palette (#D6EAD6, #00C47B, #008C89, #006791, #000102)
- Antique Navy color palette (#F3E1E9, #567E98, #003680, #00201B, #010009)
Browse the whole catalog at Explore, or see today's palette.