Tempered Navy color palette — #E5FFCF · #7DB79D · #008692 · #005281 · #20318A

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

The five colors

• Custard (#E5FFCF): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#7DB79D): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#008692): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005281): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#20318A): A deep, shadowed, balanced violet — the color of wild irises.

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

• Sunlit Lagoon color palette (#FBF7C1, #9BB889, #188E6A, #005E65, #004373)
• Frosted Nightshade Basin color palette (#D7FFEE, #6CBFC5, #1C80B0, #38439F, #4D2575)
• Pale Teal color palette (#CBFFED, #4FC1B9, #008997, #00546E, #002544)
• Tempered Turquoise Drift color palette (#D9FFF2, #66D1CF, #00A5B6, #006D8F, #003E68)
• Aubergine Station color palette (#DCE9DF, #00A79A, #006C8B, #00347D, #380064)
• Gentle Navy color palette (#D7FFC9, #7BEDD2, #4AC5D0, #4B8FC1, #372D71)
• Airy Workshop color palette (#EBFAEA, #D3F1AF, #52D6DD, #698AE1, #004155)
• Misty Aubergine color palette (#C5E9EB, #3B9CC4, #2D52B9, #4F0078, #4A0032)

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