Navy Basin color palette — #E2ECFF · #7E7800 · #1D0D7C · #230C23 · #030022

A conversation between Royal Purple and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Frost (#E2ECFF): A whisper-light, dusty violet — the color of wild irises.
• Olive Leaf (#7E7800): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#1D0D7C): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#230C23): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#030022): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

Use it as a design system

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

• Patina Bronze color palette (#DEEBFB, #A46222, #002A59, #201824, #000514)
• Shadow Alley color palette (#EBDDE9, #778300, #030060, #0C0104, #00000C)
• Aubergine Dune color palette (#DCE1F6, #1C8A4C, #320E69, #08001C, #060002)
• Pale Navy Orchard color palette (#E6EEFF, #AA7F00, #3E3B8F, #110542, #00000E)
• Pale Aubergine color palette (#EEE8FF, #3A9868, #5D0B5B, #20001F, #03000A)
• Washed Field color palette (#D7DDF1, #7EB672, #514894, #271C58, #06091E)
• Aubergine Delta color palette (#E2E2ED, #A7A2AD, #967D92, #5B2580, #08061A)
• Washed Nightshade color palette (#DAE2F1, #5E6EB9, #673700, #2200A5, #060002)

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