Twilit Navy Harbor color palette — #FCD5CC · #780F00 · #003F1C · #140072 · #060000

A conversation between Deep Indigo and Oxblood, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FCD5CC): A whisper-light, dusty orange — the color of autumn markets.
• Oxblood (#780F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Forest (#003F1C): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Indigo (#140072): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Black (#060000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged dark.

Use it as a design system

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

• Velvet Grove color palette (#FFE2E4, #7A0026, #1E3D00, #00234A, #070001)
• Aubergine Courtyard color palette (#FAE8D8, #5D3400, #003D37, #330057, #040100)
• Pale Brick Meadow color palette (#F2D9D5, #A70707, #00585E, #1B3958, #070000)
• Deep Terracotta color palette (#F8DED5, #AA3800, #501900, #1B2216, #150300)
• Charred Meadow color palette (#F5DFC9, #785900, #222F2E, #211000, #050200)
• Worn Garnet Orchard color palette (#E6E2CF, #594C00, #004858, #570047, #0A0700)
• Pale Garnet color palette (#FFECE2, #BD804C, #8A6E00, #5A0823, #1A0500)
• Powdered Aubergine color palette (#FFE5D4, #A45100, #006F5A, #553397, #341600)

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