Tempered Navy color palette — #F7E7D5 · #7F5300 · #004851 · #20175E · #260804

Built around Deep Indigo, softened by Coffee — the whole palette hums with trust and stability.

The five colors

• Parchment (#F7E7D5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Coffee (#7F5300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#004851): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#20175E): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#260804): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, vibrant, 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

• Navy Canyon color palette (#EBE0C9, #796800, #00524C, #21206A, #400019)
• Frosted Onyx color palette (#F4E8CD, #595500, #004265, #3D004E, #1F0A00)
• Dusty Station color palette (#FFE4D7, #993200, #004B40, #00294B, #24061A)
• Pale Navy Terrace color palette (#E8E5CB, #586000, #005137, #141571, #080100)
• Washed Archive color palette (#DBF1E6, #897900, #00675E, #00456E, #1F0C22)
• Onyx Corridor color palette (#E7E4D7, #414400, #00234F, #21001F, #040100)
• Aged Navy color palette (#F2DAB5, #917300, #355800, #052D72, #282500)
• Chestnut Thicket color palette (#F4EEE4, #D1CCBC, #A5A286, #6C4F04, #352C1E)

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