Tempered Navy Harbor color palette — #FFEBFB · #AABCED · #5770BA · #233A85 · #07123A

Indigo and Slate set the tone — five colors that lean into creativity and calm.

The five colors

• Blush (#FFEBFB): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#AABCED): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5770BA): A full-bodied, balanced violet — the color of wild irises.
• Indigo (#233A85): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#07123A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.

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

• Washed Cobalt Courtyard color palette (#D2FDF1, #98C3EC, #347AB5, #00416D, #001831)
• Frosted Aubergine color palette (#FFECF4, #C6B5E6, #8163AD, #4F287A, #1B0532)
• Iris Grove color palette (#F0F6FF, #AFC8FF, #6D88E0, #485BA0, #212E53)
• Smoked Nightshade color palette (#E2E6FF, #575EBB, #3400A7, #0D003F, #01000A)
• Cobalt Lantern color palette (#FEEBFB, #ECCED1, #CDBFF0, #517EB2, #3F2538)
• Timeworn Denim Study color palette (#F8EFF2, #DCA29D, #5D4B77, #2E1D45, #16070D)
• Moonless Aubergine color palette (#ECD9F9, #7A4497, #430061, #231108, #0F0018)
• Softworn Bloom color palette (#FBECFF, #D292DB, #9D40AA, #580069, #1B0021)

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