Tempered Navy color palette — #D5F7F7 · #007A4D · #004E5B · #07007E · #060900
A conversation between Deep Indigo and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D5F7F7): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#007A4D): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#004E5B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#07007E): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Antique Aubergine Bloom color palette (#D1EDF5, #007576, #004878, #310063, #000B02)
- Tempered Pine color palette (#D2EFEB, #067C1C, #00504E, #002A40, #0C0700)
- Midnight Navy Coast color palette (#D4E4E1, #225800, #1C0080, #290020, #170001)
- Timeworn Lagoon Balcony color palette (#C8ECE0, #008979, #005F57, #003A3A, #001315)
- Feathered Canyon color palette (#CCE4F5, #007095, #3D00BC, #440041, #000A08)
- Antique Navy Ridge color palette (#CFEBE5, #499192, #006D7E, #30336B, #1E083D)
- Deep Nightshade Studio color palette (#CEE9DA, #736800, #2013A8, #30000D, #040001)
- Worn Orchard color palette (#E1EFEF, #7FA5CE, #005CD7, #004565, #040841)
Browse the whole catalog at Explore, or see today's palette.