Tempered Navy Harbor color palette — #F3DCF1 · #C68200 · #00308C · #001548 · #0C0422

Indigo takes the lead with Mustard close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F3DCF1): A whisper-light, dusty pink — the color of a candy shop window.
• Mustard (#C68200): A luminous, balanced gold — the color of honey in a jar.
• Indigo (#00308C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#001548): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0C0422): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Balance. Tagged luxury, dark.

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

• Ultramarine Market color palette (#F5DBF5, #D6A200, #0056B7, #002B62, #1B051C)
• Amber Pier color palette (#CDEDE4, #D7733B, #003D6B, #001B35, #00140F)
• Chalky Study color palette (#F1DEEB, #82A100, #2D10A0, #140057, #1E0418)
• Misty Studio color palette (#D7E5FF, #FFA854, #5B75DE, #354790, #060C29)
• Wandering Aubergine Thicket color palette (#F6EBEF, #7DA87F, #4D3077, #2A0E4B, #220F18)
• Obsidian Onyx color palette (#EFE2EB, #676100, #0B0049, #0E0103, #010013)
• Aubergine Bloom color palette (#F9E6EC, #2A8F62, #3A0059, #11001F, #090003)
• Denim Courtyard color palette (#FAF2F9, #D2BD98, #4D5D84, #492E45, #302024)

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