Powdered Navy color palette — #FDF4E4 · #736700 · #00488C · #003367 · #2E140E

Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDF4E4): A whisper-light, dusty gold — the color of old brass.
• Olive (#736700): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#00488C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003367): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#2E140E): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Antique Chestnut color palette (#FEF4DE, #776500, #005B5B, #003258, #291511)
• Chalky Aubergine color palette (#FBF5E3, #706600, #50319C, #382B64, #2C130A)
• Hushed Bronze color palette (#FFF3E8, #AC511A, #00407B, #2B215B, #2A1419)
• Dusty Olive Corridor color palette (#F6F7E5, #608721, #1B6092, #3B3C6E, #382416)
• Pale Pine Station color palette (#F1F4DF, #357834, #006431, #312A70, #0F0900)
• Navy Drift color palette (#F4EED1, #4F4E00, #002E64, #050065, #100300)
• Emerald Bloom color palette (#DEFCFB, #009D5F, #007D76, #3B4493, #311620)
• Tempered Coast color palette (#FFEBD7, #978700, #006C43, #522D64, #31312A)

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