Tempered Navy Harbor color palette — #F6EBDF · #5F85A5 · #282D87 · #002223 · #100021

Indigo and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6EBDF): bright and airy, almost weightless.
• Storm Blue (#5F85A5): A luminous, dusty blue — the color of open sky before noon.
• Indigo (#282D87): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#002223): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#100021): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

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

• Onyx Summit color palette (#EFE0D7, #498B9A, #004064, #002317, #03002E)
• Hushed Garden color palette (#F1E8DB, #7096BB, #2D53A3, #003949, #06002B)
• Frosted Indigo Orchard color palette (#FBEBF0, #74A6D2, #555BF3, #005D60, #100021)
• Aged Terrace color palette (#FBEBE3, #7BBEC9, #0070A1, #005236, #182A5A)
• Worn Navy color palette (#F8EDE0, #724500, #003C7E, #311B00, #000515)
• Hushed Grove color palette (#FBE8D7, #8B9A47, #1D876A, #62001A, #120E00)
• Chestnut Meadow color palette (#EFDBBC, #7F6100, #3A2800, #15201E, #0D0700)
• Cobalt Market color palette (#FFF2EB, #AACFBA, #3E7CB6, #00624E, #4E2F44)

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