Navy & Gold Color Palette
An elegant navy and gold color palette — deep navy, royal blue, antique gold, and ivory. Hex codes for luxury, wedding, and premium brand designs.
A navy & gold color palette captures Ivory, Soft Gold, Antique Gold, and 3 more coordinated tones — ready-to-copy hex codes for web design, branding, UI themes, and creative projects.
- Ivory#F5F0E1rgb(245, 240, 225)hsl(45, 50%, 92%)
- Soft Gold#ECD494rgb(236, 212, 148)hsl(44, 70%, 75%)
- Antique Gold#D4AF37rgb(212, 175, 55)hsl(46, 65%, 52%)
- Royal Navy#1454BCrgb(20, 84, 188)hsl(217, 81%, 41%)
- Deep Navy#093D79rgb(9, 61, 121)hsl(212, 86%, 25%)
- Midnight#2B415Drgb(43, 65, 93)hsl(214, 37%, 27%)
Use this palette
Copy all hex codes or build a custom palette from your own photo in under 1 second.
Hex Codes at a Glance
#F5F0E1, #ECD494, #D4AF37, #1454BC, #093D79, #2B415D
How to Use This Palette
- In CSS: Paste each hex into your
:rootcustom properties or directly intobackground-color/colordeclarations. - 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.jsfile insidetheme.extend.colors, then use classes likebg-palette-500. - In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import
.swatchesand.asefiles, plus brand kit ZIPs with design tokens and Figma JSON.
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.
Related Palettes
Frequently Asked Questions
What hex codes are in a navy & gold color palette?
This navy & gold palette includes #F5F0E1, #ECD494, #D4AF37, #1454BC, #093D79, #2B415D. Copy any hex directly for CSS, Figma, Tailwind, or mood board projects.
How do I use a navy & gold palette in web design?
Use vibrant tones for primary actions, muted tones for backgrounds, and dark tones for text. Upload your own navy & gold-inspired photo to PhotoTones to extract a custom palette in under 1 second.
Can I build a custom navy & gold palette from my own photo?
Yes. Open phototones.com, upload a navy & gold-inspired image, and click Generate Color Palette. PhotoTones extracts up to 6 colors free (12 on Pro) — entirely in your browser with no upload.