Navy Ridge color palette — #F9EDE4 · #568373 · #00387C · #001F20 · #01000B

Navy takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9EDE4): bright and airy, almost weightless.
• Fern (#568373): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#00387C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Softworn Navy color palette (#E6E9DD, #4E88A8, #004065, #00212A, #000919)
• Nightshade Grove color palette (#F7ECE2, #5691B8, #003BAD, #002B2F, #04001A)
• Washed Denim Parlor color palette (#DCF0EF, #72AAC9, #005A8A, #002A35, #000104)
• Byzantium Archive color palette (#C5EDE0, #7782C0, #8C4D9F, #003E44, #000208)
• Deep Denim color palette (#CDEDE2, #00517C, #602900, #002136, #030100)
• Ancient Petrol Grove color palette (#F0E7E2, #A1BCA2, #00788F, #004E31, #001828)
• Inked Hollow color palette (#F9EDD3, #4F5808, #332900, #180B00, #000200)
• Navy Coast color palette (#D1E0F1, #003C70, #512100, #301F00, #000104)

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