Tempered Navy color palette — #DDEAE6 · #B29EA9 · #9E7C82 · #004878 · #000C09

Navy and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DDEAE6): bright and airy, almost weightless.
• Taupe (#B29EA9): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9E7C82): A luminous, dusty red — the color of a theater curtain.
• Navy (#004878): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Wandering Canyon color palette (#E7E0E4, #B29FA3, #A17B78, #373395, #12040E)
• Muted Navy Delta color palette (#E8EEF5, #B4BBCB, #8F8FA6, #003D6F, #000104)
• Onyx Boulevard color palette (#E5EAF1, #919AAC, #696E8D, #002A57, #010917)
• Timeworn Denim Drift color palette (#ECE4E8, #D3BEC1, #C29A92, #5F539E, #281A22)
• Dusty Aubergine color palette (#C8EBEB, #5574A4, #753380, #00402C, #00170E)
• Patina Cobalt Market color palette (#FAF2F8, #E6D5D1, #D5B9A7, #727ABC, #40383D)
• Antique Bronze color palette (#F8E7D9, #867406, #2C5000, #3A1C46, #080600)
• Antique Aubergine color palette (#EEEBD9, #006D8F, #55008A, #1D2200, #00030E)

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