Navy Studio color palette — #FCF2F9 · #BCAF7A · #3E4E80 · #1C2A5A · #291D26

Navy and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Sage (#BCAF7A): A luminous, dusty green — the color of new leaves after rain.
• Peacock (#3E4E80): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#1C2A5A): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#291D26): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Wandering Denim color palette (#FBF2F6, #C0C4A0, #5F5781, #393256, #32282D)
• Muted Denim Bloom color palette (#EBF9F3, #D3A097, #00587E, #00324A, #0E271F)
• Ancient Straw color palette (#EFF6FF, #E3D883, #7594D0, #53647D, #1C222A)
• Hazy Balcony color palette (#FFF1F5, #57B791, #622485, #36104B, #2B111A)
• Quiet Ultramarine Courtyard color palette (#F9F3F8, #97ADE5, #AC4A59, #3453C2, #341D17)
• Wandering Pewter color palette (#FAF3F6, #E3D9D4, #CBBEB0, #7C699E, #514349)
• Sunlit Meadow color palette (#F6DCEB, #7AA232, #351994, #190053, #0D092A)
• Pewter Alley color palette (#F4F8E3, #7999C8, #8D5183, #005A5B, #503244)

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