Navy Coast color palette — #F7E4F7 · #906C7E · #615908 · #1D3066 · #27002D

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

The five colors

• Blush (#F7E4F7): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#906C7E): A full-bodied, dusty rose — the color of pressed rose petals.
• Olive (#615908): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#1D3066): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#27002D): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. 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

• Timeworn Onyx Atelier color palette (#F3E5EF, #A76263, #734700, #003A54, #120142)
• Patina Fern Courtyard color palette (#F6E2EF, #897137, #395D28, #402855, #2C001B)
• Washed Canyon color palette (#FFE6D7, #977700, #335C2A, #301126, #020013)
• Washed Basalt Balcony color palette (#F3EBD7, #669584, #286B53, #5F2755, #440007)
• Washed Fern Harbor color palette (#EEE8D1, #646B1F, #2E4C00, #002121, #010A14)
• Timeworn Moss Loft color palette (#F2E5C2, #8E8813, #557128, #18505B, #00181C)
• Tempered Basalt Corridor color palette (#FFDDED, #B1A575, #688664, #684B74, #4F213C)
• Washed Coast color palette (#EEE1E8, #689AB3, #0058A3, #003B3B, #05002C)

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