Navy Archive color palette — #F2F5FF · #C1CEF6 · #7A77AF · #4A468A · #363058

Indigo and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lilac Frost (#C1CEF6): A whisper-light, dusty violet — the color of a velvet chair.
• Slate (#7A77AF): A full-bodied, balanced violet — the color of a velvet chair.
• Indigo (#4A468A): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#363058): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged monochrome, muted.

Use it as a design system

One click turns Navy Archive 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 Lilac color palette (#F1F5FF, #D7D7FF, #9696E0, #676398, #2D3550)
• Aged Ridge color palette (#F6F3FF, #CFBFE6, #A3719B, #713566, #482A45)
• Muted Market color palette (#EDF7FF, #A0D0EB, #4E8BAD, #00587C, #123C56)
• Ancient Pewter Station color palette (#F4F4FB, #A1CAC2, #69527F, #353454, #2A222E)
• Tempered Cerulean Thicket color palette (#F0F5FF, #E0D8E2, #C8ADA0, #6592B1, #4D5266)
• Timeworn Pewter Lantern color palette (#F5F4FC, #BEBBE2, #9F7341, #86579A, #39292E)
• Aubergine Meadow color palette (#E5E0F0, #6851AC, #320072, #260D08, #0E0020)
• Tempered Ridge color palette (#F7F3FF, #B17DA3, #967B3E, #006F61, #403A4A)

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