Tempered Navy color palette — #FFE7BC · #D4D4A3 · #89B888 · #738AB9 · #533F77

Royal Purple and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#FFE7BC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#D4D4A3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#89B888): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#738AB9): A luminous, dusty violet — the color of a velvet chair.
• Royal Purple (#533F77): A full-bodied, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, 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

• Weathered Basalt color palette (#EFEFE1, #9ED1C4, #7DAEB2, #717D9D, #453F62)
• Sand Harbor color palette (#FFDAD3, #F4B889, #8EB79F, #429AAA, #274A67)
• Dusty Lagoon color palette (#E8EBD6, #85B386, #42988A, #5F587F, #391C3A)
• Soft Pewter color palette (#D1EDD5, #8ACFBB, #2CABBE, #9B5E98, #692941)
• Timeworn Loft color palette (#CDEEE1, #429898, #36708D, #623047, #2F0001)
• Patina Violet color palette (#FFF1F1, #F7C9B6, #C5AC60, #8256A3, #682426)
• Linen Cerulean color palette (#ECF9EE, #D7DEFC, #8BB7FF, #00A1C2, #333B6B)
• Softworn Jade Orchard color palette (#E2FCF2, #B6DBA9, #5EBB85, #B47859, #28431F)

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