Tempered Navy color palette — #D8ECA8 · #70C694 · #009790 · #005D7F · #181F84

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

The five colors

• Celadon Mist (#D8ECA8): A whisper-light, balanced green — the color of new leaves after rain.
• Mint Leaf (#70C694): A luminous, balanced teal — the color of sea glass.
• Fern (#009790): A luminous, balanced teal — the color of glacier melt.
• Peacock (#005D7F): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#181F84): A deep, shadowed, vivid violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Lagoon Basin color palette (#EBE69F, #81C17D, #009D7E, #006577, #002F52)
• Frosted Navy Cabin color palette (#EDFEC2, #76E6B6, #009B9D, #005C7C, #08166B)
• Aubergine Canyon color palette (#B4F6CA, #5EC7BE, #0095BA, #2756A2, #3A0072)
• Patina Delta color palette (#CCE7D2, #00928E, #005F77, #0E0099, #0E0023)
• Chalky Teal Corridor color palette (#B5F8D2, #3AAB97, #007B7D, #004959, #1E2950)
• Patina Seafoam color palette (#B3F2CC, #52D7C4, #00B3B9, #00829D, #003753)
• Softworn Pier color palette (#C8E6E1, #00799A, #143DA5, #280057, #070006)
• Ultramarine Bloom color palette (#E2F5EE, #00C1CA, #0087BC, #300FDE, #3C0051)

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