Navy Studio color palette — #F1E7EE · #BFAEB3 · #A08685 · #313C7D · #130610

Built around Navy, softened by Heather — the whole palette hums with creativity and sophistication.

The five colors

• Blush (#F1E7EE): bright and airy, almost weightless.
• Ash (#BFAEB3): A luminous, dusty rose — the color of pressed rose petals.
• Heather (#A08685): A luminous, dusty orange — the color of autumn markets.
• Navy (#313C7D): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#130610): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Navy Studio 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

• Worn Aubergine color palette (#E8DDDF, #C3ADAB, #A58675, #641F72, #130609)
• Mulberry Cabin color palette (#F0E7E6, #D8C7C0, #B3A08D, #7B3C5E, #1F1211)
• Softworn Grape Orchard color palette (#FCEEF2, #EACBCB, #C7A294, #7533AA, #27121B)
• Weathered Studio color palette (#EBEEF6, #C3C3CE, #AC9FB6, #464EC5, #191F2C)
• Hushed Onyx color palette (#EBDEDF, #998986, #955B31, #480348, #050001)
• Timeworn Driftwood color palette (#F8EFF1, #DDD6D0, #AEAFA5, #A1747F, #3C3335)
• Hushed Garnet Pier color palette (#D7E7EE, #7B749B, #74334D, #003430, #001311)
• Washed Olive color palette (#F0E6D5, #6B8335, #005131, #421734, #050900)

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