Navy Loft color palette — #F7ECD7 · #006F86 · #002D6F · #210000 · #000103

Built around Navy, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#F7ECD7): A whisper-light, dusty gold — the color of honey in a jar.
• Teal (#006F86): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#002D6F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#210000): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged retro, dark, 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

• Onyx Archive color palette (#D2F0D8, #005365, #002053, #230000, #000408)
• Aubergine Hollow color palette (#F7ECD5, #0065B2, #371476, #170800, #00000C)
• Cypress Hollow color palette (#F2E1C7, #00755C, #003941, #1D0015, #000201)
• Worn Denim color palette (#E8DDCD, #72ADB8, #005E79, #002C28, #000103)
• Wandering Navy color palette (#CFEDFB, #627CA5, #47416B, #381402, #020100)
• Pale Courtyard color palette (#FAEDDD, #008D81, #004FC4, #4F3500, #000406)
• Ancient Pine Corridor color palette (#E5E3CE, #4B8C4B, #00482F, #002120, #000200)
• Tempered Nightshade color palette (#BCEED8, #00B6B9, #008FCC, #332AC9, #000104)

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