Navy Grove color palette — #FFF0F9 · #FFCDC9 · #C2A47F · #4B7C9A · #23396C

Navy and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#FFCDC9): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#C2A47F): A luminous, dusty gold — the color of old brass.
• Slate (#4B7C9A): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#23396C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Navy Studio color palette (#FFF1F2, #FFD3B8, #B3A667, #886884, #31467A)
• Muted Abyss Studio color palette (#FAF2FF, #FFD4EA, #C39B86, #3E7C76, #004E49)
• Petrol Lagoon color palette (#FFF1F4, #FAD4B8, #9F9A69, #53638B, #4A2E41)
• Patina Bronze color palette (#FFE3F3, #CA9992, #9F6D11, #1E5D7D, #433D60)
• Pewter Canyon color palette (#FFD3D6, #CCA382, #73733C, #40466F, #17082D)
• Patina Coast color palette (#FEF3EA, #D9D5E1, #80B0F7, #00878D, #2D2C67)
• Timeworn Alley color palette (#FFE5DA, #B89441, #3C7035, #402D54, #140024)
• Tempered Taupe Station color palette (#FFF0F7, #B9D6B6, #BFA66A, #64936D, #0D5241)

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