Navy & Gold Color Palette

Updated April 17, 2026

An elegant navy and gold color palette — deep navy, royal blue, antique gold, and ivory. Hex codes for luxury, wedding, and premium brand designs.

The Navy & Gold Palette

• Ivory #F5F0E1 rgb(245, 240, 225) hsl(45, 50%, 92%)
• Soft Gold #F9DC5C rgb(249, 220, 92) hsl(49, 93%, 67%)
• Antique Gold #D4AF37 rgb(212, 175, 55) hsl(46, 65%, 52%)
• Royal Navy #1E3A8A rgb(30, 58, 138) hsl(224, 64%, 33%)
• Deep Navy #0C1E4D rgb(12, 30, 77) hsl(223, 73%, 17%)
• Midnight #050A30 rgb(5, 10, 48) hsl(233, 81%, 10%)

Hex Codes at a Glance

#F5F0E1, #F9DC5C, #D4AF37, #1E3A8A, #0C1E4D, #050A30

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This navy & gold palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.