Navy Ridge color palette — #FCF1FB · #D8C294 · #59729D · #28416E · #281E27

A conversation between Navy and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Sand (#D8C294): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#59729D): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#28416E): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#281E27): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Washed Denim Coast color palette (#FCF2F6, #E1CEB0, #987083, #4F466C, #33282D)
• Patina Sand color palette (#EFF6FF, #FFE2A5, #5B77A6, #243956, #08101B)
• Denim Grove color palette (#FDF1FC, #C8A979, #354F85, #3D243B, #25171B)
• Ancient Meadow color palette (#F0F6FF, #F8CD91, #7F94C4, #55647B, #1D222A)
• Soft Aubergine color palette (#FFF1F4, #DDB45A, #874C9E, #57136D, #2E0E19)
• Soft Indigo Villa color palette (#F9F3F7, #B4C1F9, #B974AA, #6876D5, #321D1F)
• Chalky Corridor color palette (#F9DAEC, #D6A204, #5246B3, #2A1177, #0D092A)
• Weathered Olive color palette (#FDF1FB, #869DD7, #BD7E57, #657823, #402A3D)

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