Hushed Navy color palette — #F9DCD8 · #A07A58 · #686923 · #3E417C · #140426

A conversation between Navy and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F9DCD8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mocha (#A07A58): A luminous, dusty gold — the color of old brass.
• Olive (#686923): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#3E417C): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#140426): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Aged Abyss Courtyard color palette (#FCDFDC, #9F736F, #8B5F47, #005464, #001130)
• Ancient Aubergine Harbor color palette (#EEE2D6, #9C8D66, #4A8A57, #74307C, #3B0011)
• Antique Parlor color palette (#E7E4D5, #757D3C, #41592B, #003537, #00171D)
• Pine Courtyard color palette (#FBEED8, #869040, #2C7420, #702A56, #060700)
• Feathered Studio color palette (#EDE5CE, #898200, #3D61E6, #5C5700, #010024)
• Hushed Corridor color palette (#F8E2D6, #9E6D00, #765E00, #414000, #050D00)
• Misty Grape Cabin color palette (#E5EAD5, #697800, #235CD0, #7800C1, #020200)
• Cobalt Terrace color palette (#EEE1DA, #6FABBA, #007DB3, #005F52, #00071F)

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