Tempered Navy Harbor color palette — #E1E6F1 · #ACB3C6 · #858BAC · #313A83 · #060A14
Built around Indigo, softened by Slate Blue — the whole palette hums with creativity and sophistication.
The five colors
- Frost (#E1E6F1): a clean, paper-quiet neutral.
- Ash (#ACB3C6): A luminous, dusty violet — the color of a velvet chair.
- Slate Blue (#858BAC): A luminous, dusty violet — the color of wild irises.
- Indigo (#313A83): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#060A14): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, 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
- Washed Navy color palette (#E2E5F3, #9C9DBA, #7B7798, #3C2765, #03030D)
- Navy Studio color palette (#F7EBF5, #C2B4BB, #A3848E, #273A8F, #281A26)
- Hushed Denim color palette (#DBE0E6, #C1C3D2, #A99FBB, #345EA8, #17202D)
- Softworn Workshop color palette (#ECE7F0, #D1C7D5, #AF9CB1, #7F395D, #19131D)
- Weathered Grove color palette (#F0E9F8, #A26B9F, #683D54, #481B00, #1A0B00)
- Violet Atelier color palette (#EFECFF, #8096FF, #8A5DF2, #8A2FA6, #0B001A)
- Washed Olive Harbor color palette (#CAE6DE, #4E8A3A, #00531E, #003035, #000A08)
- Deep Aubergine color palette (#D9DDF9, #5600A0, #2C1C18, #180224, #01000B)
Browse the whole catalog at Explore, or see today's palette.