Navy Loft color palette — #EBDCE1 · #577C9F · #2C268D · #001F21 · #020006
A conversation between Indigo and Slate, giving this palette its sense of trust and stability.
The five colors
- Silver (#EBDCE1): a clean, paper-quiet neutral.
- Slate (#577C9F): A full-bodied, dusty blue — the color of deep harbor water.
- Indigo (#2C268D): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#001F21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Navy Loft 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
- Quiet Navy Harbor color palette (#E3EEE5, #5385B3, #063090, #00212B, #06002B)
- Ancient Abyss Harbor color palette (#F5E8F3, #538091, #00415C, #002111, #00000A)
- Nightshade Veranda color palette (#F7EFE1, #80A6CB, #204CAD, #002936, #01000A)
- Aged Meadow color palette (#F7EFF4, #A9CDE2, #4D80B2, #005D4B, #191A45)
- Charred Navy color palette (#E6F2E5, #694300, #003C6E, #2C1A00, #000104)
- Garnet Villa color palette (#D6F1D6, #8D8E42, #00776B, #630105, #050300)
- Deep Bloom color palette (#DEEDE8, #384100, #003843, #002443, #010100)
- Cypress Boulevard color palette (#F6EFF4, #D3DDEE, #80A0BE, #317A62, #283651)
Browse the whole catalog at Explore, or see today's palette.