Navy Coast color palette — #DDE6D8 · #1F736F · #1E4779 · #3A1E00 · #0F0500

Built around Navy, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Parchment (#DDE6D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Teal (#1F736F): A full-bodied, dusty teal — the color of sea glass.
• Navy (#1E4779): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#3A1E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0F0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Navy Coast 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

• Worn Onyx color palette (#F7EFCD, #4F754F, #004E5A, #3C1002, #1B0300)
• Petrol Bloom color palette (#DCECE3, #3D7A95, #403961, #1E2C00, #080E00)
• Softworn Cerulean color palette (#D3F6F0, #409BAF, #395B82, #4E1327, #160200)
• Lowlit Denim color palette (#E1F0F8, #005070, #5A3400, #312900, #000103)
• Petrol Boulevard color palette (#EBEED9, #5F9279, #016784, #543F00, #241B00)
• Hushed Orchard color palette (#D8E4EE, #006191, #792F00, #002D46, #080100)
• Obsidian Cypress Cabin color palette (#CDF7ED, #007176, #003A4A, #00183A, #01001F)
• Navy Terrace color palette (#F8E7EF, #5A92AC, #0E468F, #002C26, #040019)

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