Tempered Navy Harbor color palette — #F4EDF4 · #A8939C · #886769 · #04285C · #0F050F

Midnight and Pewter set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F4EDF4): bright and airy, almost weightless.
• Dusty Rose (#A8939C): A luminous, dusty rose — the color of strawberry cream.
• Pewter (#886769): A full-bodied, dusty red — the color of a theater curtain.
• Midnight (#04285C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0F050F): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Tempered Navy Harbor 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

• Softworn Aubergine Chapel color palette (#FCEAF0, #B19190, #9F5D43, #3B0F59, #140409)
• Weathered Navy Canyon color palette (#EAEFF8, #878D9D, #646985, #181E64, #000108)
• Muted Loft color palette (#D9E1DB, #84A199, #856678, #003138, #030C05)
• Navy Archive color palette (#EDE2EA, #AF9FA9, #967E8A, #2E3C88, #12040F)
• Aubergine Dune color palette (#F6ECF0, #C9B3B3, #A08880, #542E78, #281B20)
• Mulberry Meadow color palette (#FFF1F2, #EEC9BF, #C29F84, #823B75, #412C2E)
• Worn Denim color palette (#D1EAFC, #685495, #612039, #002B17, #001408)
• Tempered Villa color palette (#F1DAE3, #0090B4, #632AE7, #69001F, #0A000C)

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