Misty Navy color palette — #F6D7D7 · #A47550 · #6E650E · #243680 · #2E0035

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

The five colors

• Shell Pink (#F6D7D7): A whisper-light, dusty red — the color of embers at dusk.
• Mocha (#A47550): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#6E650E): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#243680): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#2E0035): A deep, shadowed, balanced pink — the color of a candy shop window.

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

Use it as a design system

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

• Pale Alley color palette (#FCDBC6, #8F854F, #476F40, #4C2071, #42021D)
• Amber Harbor color palette (#F0DBD5, #B68700, #576F36, #312854, #0B0124)
• Linen Onyx Delta color palette (#E9DBEE, #AE7785, #8E4F25, #004A5B, #051052)
• Fern Dune color palette (#FAEED3, #7D762E, #3D4C00, #00332D, #031A28)
• Washed Ultramarine color palette (#F5E0E0, #D0A184, #8D8300, #3B57BC, #5D2667)
• Amber Pier color palette (#F7EDDF, #A6923E, #757C3D, #1F5E50, #001E1E)
• Lapis Corridor color palette (#E3F5ED, #7A7E00, #4D4CDB, #474900, #0A003C)
• Mulberry Archive color palette (#DDF5E1, #88986A, #33796C, #712758, #461611)

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