Tempered Navy color palette — #CFF6E7 · #0E7D92 · #4D4284 · #2E2B00 · #0A1B04

Indigo and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CFF6E7): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#0E7D92): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#4D4284): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#2E2B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0A1B04): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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

• Petrol Corridor color palette (#DEF3F5, #4E6FAA, #62325B, #233102, #001E0D)
• Petrol Summit color palette (#C8F0FF, #4671A5, #403B6C, #441500, #100900)
• Onyx Delta color palette (#D2EBD0, #338C83, #29466E, #491305, #211000)
• Garnet Balcony color palette (#DAF3FD, #6E89AD, #5A5789, #642200, #291800)
• Dusty Onyx Station color palette (#F9E8E2, #4F9DA6, #005071, #00321C, #000943)
• Patina Azure color palette (#D6F2E9, #40A1CB, #8364A6, #695623, #261B00)
• Mulberry Lantern color palette (#E0F0F9, #897BAE, #824454, #00403A, #002C27)
• Muted Indigo Veranda color palette (#CEE5D8, #48ACCF, #7667AF, #3D5400, #004124)

Browse the whole catalog at Explore, or see today's palette.