Deep Navy Ridge color palette — #FDDED4 · #00665D · #002971 · #300A00 · #000E12

Built around Navy, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FDDED4): A whisper-light, dusty orange — the color of autumn markets.
• Pine (#00665D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#002971): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#300A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#000E12): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged retro, dark, muted.

Use it as a design system

One click turns Deep 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

• Deep Forest Pier color palette (#FFDEE3, #006A36, #003548, #350012, #000F0C)
• Smoked Aubergine color palette (#EBE2D5, #005461, #280063, #150B00, #000409)
• Shadow Onyx Parlor color palette (#DCE9DD, #00606D, #003349, #1E0036, #000203)
• Soft Lagoon color palette (#DDEBDF, #008094, #005173, #3F0062, #000E13)
• Ancient Lagoon Summit color palette (#F2DDD8, #27A3A1, #005266, #003309, #00142B)
• Hushed Aubergine color palette (#D7E7DB, #00AC6C, #007A8A, #4C159A, #000A14)
• Olive Corridor color palette (#F8E5CC, #677300, #00441D, #00272E, #0E1100)
• Hushed Grove color palette (#D5F9E8, #0086B5, #483D6B, #3A2400, #181700)

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