Quiet Navy color palette — #FFECC5 · #A68600 · #396200 · #001F72 · #040400

Navy takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FFECC5): A whisper-light, dusty gold — the color of old brass.
• Mustard (#A68600): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#396200): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#001F72): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

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

• Washed Moss color palette (#FFEBCC, #769800, #006546, #321066, #010500)
• Patina Amber color palette (#FFEBCC, #C97000, #615500, #003042, #070300)
• Navy Pier color palette (#E5F2E7, #7B6300, #284700, #001964, #181700)
• Onyx Study color palette (#FFE4F0, #8D5600, #03490C, #290050, #070500)
• Charred Alley color palette (#F8E7CC, #007829, #003A36, #190021, #000201)
• Cypress Station color palette (#EEE8C7, #94A77B, #3E7D61, #363C63, #2C0F34)
• Aubergine Station color palette (#FFF4DE, #90BD00, #008761, #5508A8, #041F00)
• Feathered Atelier color palette (#FEE1CF, #D77F31, #549113, #6F139C, #1E1400)

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