Tempered Navy color palette — #D3F4E2 · #A4BB9B · #53A7A8 · #59729F · #2C2C61
Built around Navy, softened by Turquoise — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D3F4E2): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#A4BB9B): A luminous, dusty green — the color of fresh herbs.
- Turquoise (#53A7A8): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#59729F): A full-bodied, dusty violet — the color of twilight just after sunset.
- Navy (#2C2C61): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged vintage, retro, muted, 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
- Cerulean Coast color palette (#D3E3E0, #71B6BA, #2998B4, #6161A0, #2B1B44)
- Driftwood Grove color palette (#D7E4D3, #ACCCAE, #8EB29E, #7F81B1, #4D3D66)
- Pewter Field color palette (#E0EFE3, #7DC2D5, #6DA1C2, #7C689E, #502932)
- Petrol Canyon color palette (#F4F0CF, #A0BC9D, #68AC85, #007E99, #0F4538)
- Washed Jade Lagoon color palette (#E2F1E0, #50A97B, #34786A, #223F55, #071C3E)
- Washed Lagoon Meadow color palette (#DEFFE6, #B2C696, #2B9C91, #7B4C63, #4A1A1D)
- Quiet Iris color palette (#D5E4C8, #00CCA3, #7B9AFF, #009879, #131C68)
- Frosted Teal color palette (#B0F2E7, #5DD8C9, #00AC9D, #00746B, #001916)
Browse the whole catalog at Explore, or see today's palette.