Navy Loft color palette — #F7E6F5 · #000F7F · #2D272D · #190805 · #03000F

Deep Indigo takes the lead with Black close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Blush (#F7E6F5): A whisper-light, dusty pink — the color of a candy shop window.
• Deep Indigo (#000F7F): A deep, shadowed, vivid violet — the color of a velvet chair.
• Onyx (#2D272D): quiet, heavy and certain.
• Ink (#190805): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#03000F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Navy Thicket color palette (#E3EFFF, #002276, #1C121F, #090012, #030200)
• Shadow Aubergine color palette (#ECDDE6, #542D00, #270078, #1A0B05, #04000B)
• Lowlit Thicket color palette (#D6F3EB, #3F3E47, #002C4B, #060B0F, #010012)
• Midnight Lapis color palette (#F3E5EF, #4E51E5, #321B50, #1E0518, #070207)
• Nightshade Canyon color palette (#D6E7FF, #001DC5, #21171E, #0E0528, #000108)
• Muted Navy color palette (#F3EDE4, #4680A0, #003D6D, #001E23, #00000D)
• Deep Pier color palette (#DDE7FE, #4329BC, #3A007B, #17002C, #050007)
• Charred Aubergine color palette (#EADADF, #540084, #482800, #002926, #020006)

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