Navy Harbor color palette — #F8E0DB · #A98068 · #6F6323 · #112E78 · #110016

Built around Navy, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8E0DB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Caramel (#A98068): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#6F6323): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#112E78): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#110016): A deep, shadowed, dusty 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 Navy Harbor 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

• Hushed Workshop color palette (#FFE7F8, #B57A77, #885400, #003C54, #0A0021)
• Wandering Courtyard color palette (#F7E0D9, #A99059, #4C6726, #431069, #170009)
• Tempered Forest color palette (#F7E7E1, #886800, #205C18, #341F50, #1F0E35)
• Onyx Meadow color palette (#FBE0CC, #8E7E48, #2B5521, #2F0040, #0D0003)
• Muted Villa color palette (#FCEFCE, #757004, #3C4A13, #002522, #000E10)
• Muted Courtyard color palette (#F4E7C4, #A09A53, #718749, #116660, #001E23)
• Soft Grape Parlor color palette (#EFECCF, #597200, #6E00CD, #61008D, #010100)
• Patina Onyx color palette (#E9E1CB, #769B53, #005D37, #530328, #010200)

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