Muted Navy color palette — #F7DCE7 · #008882 · #004575 · #2C1400 · #000102

Navy and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#F7DCE7): A whisper-light, dusty rose — the color of strawberry cream.
• Teal (#008882): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004575): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#2C1400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Navy Balcony color palette (#FAE8DB, #00635A, #00286E, #260B00, #000203)
• Pale Pine color palette (#F6D6EA, #008F25, #004D52, #390017, #000201)
• Nightshade Villa color palette (#E6F2E6, #008694, #1106C7, #281800, #000103)
• Twilit Study color palette (#D6E7E9, #007963, #540085, #1F1200, #010100)
• Washed Loft color palette (#D0EBFC, #585055, #00566D, #1E181D, #000418)
• Aubergine Cabin color palette (#D3EBE0, #007FB4, #5100A3, #1D1D00, #000105)
• Muted Corridor color palette (#D6E7E3, #499BB4, #4D5AA4, #463100, #0F0C00)
• Weathered Cabin color palette (#DFE3CF, #0099B1, #00709E, #5C2B82, #000E13)

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