Navy Loft color palette — #F9F0E6 · #B28456 · #007580 · #4B4178 · #271611
Navy and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F9F0E6): a clean, paper-quiet neutral.
- Caramel (#B28456): A luminous, balanced gold — the color of old brass.
- Teal (#007580): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#4B4178): A full-bodied, balanced violet — the color of wild irises.
- Ink (#271611): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Aged Field color palette (#FCEFEA, #BC7470, #1F7E53, #014D71, #28161B)
- Aged Cobalt Archive color palette (#F4F2E9, #88964C, #406DB8, #693C5D, #22160B)
- Tempered Aubergine Corridor color palette (#FBF0DF, #8F7800, #00587E, #5A0084, #200800)
- Hushed Olive color palette (#FBF0E0, #C1A966, #658348, #3C5278, #322C19)
- Timeworn Bronze Garden color palette (#FFF1F5, #B26C06, #3D70A7, #365679, #363442)
- Worn Boulevard color palette (#EEF9ED, #D58A36, #4594A6, #636690, #3C313E)
- Teal Drift color palette (#FAF4ED, #DDB17A, #4CAC8B, #765C8D, #292015)
- Weathered Ridge color palette (#F5F1EB, #D5D8D0, #A5B4AC, #968053, #39352F)
Browse the whole catalog at Explore, or see today's palette.