Misty Navy color palette — #F7E3F7 · #4B81C4 · #9F5500 · #004589 · #200C00

A conversation between Navy and Ochre, giving this palette its sense of trust and stability.

The five colors

• Blush (#F7E3F7): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#4B81C4): A full-bodied, balanced blue — the color of deep harbor water.
• Ochre (#9F5500): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#004589): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#200C00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Frosted Rust color palette (#D0E8DF, #1888C3, #B43F18, #004C71, #270500)
• Cobalt Thicket color palette (#C2E8DD, #0083D6, #945C00, #004C7F, #3C2200)
• Feathered Quarry color palette (#F7E1F4, #718FD4, #AB6C00, #1C41C7, #2A1700)
• Nightshade Harbor color palette (#EED8E7, #6E76C9, #7A6C00, #3910BE, #161200)
• Chalky Nightshade Lantern color palette (#FCE4F4, #545EC2, #725200, #27009D, #0D0600)
• Hushed Amber color palette (#EEF6FF, #78BFFF, #CA7400, #005F9C, #271200)
• Antique Sapphire color palette (#E8DBE5, #4864BB, #8C4B00, #594500, #02052A)
• Dusty Meadow color palette (#FFEBF7, #9C9ED5, #A28D27, #5B4DC6, #2F2700)

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