Twilit Navy color palette — #EFD9F1 · #002E57 · #200A09 · #070015 · #000201
Built around Navy, softened by Ink — the whole palette hums with trust and stability.
The five colors
- Thistle (#EFD9F1): A whisper-light, dusty pink — the color of neon signs at night.
- Navy (#002E57): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#200A09): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Ink (#070015): A deep, shadowed, dusty violet — the color of a velvet chair.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Twilit Navy 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
- Lowlit Onyx color palette (#DAEEE2, #003440, #030F0A, #00001D, #000201)
- Denim Ridge color palette (#D3E2F3, #005CA8, #211A41, #090C13, #000206)
- Obsidian Navy color palette (#EEDBEA, #11008F, #220E09, #0A0010, #000201)
- Spruce Alley color palette (#D7E6D9, #4C4D55, #003539, #0A191C, #00040E)
- Nocturne Studio color palette (#E9EAFF, #4C4144, #2C0081, #231109, #0C000B)
- Lowlit Lapis color palette (#FFE8F9, #3600EF, #290A2F, #130310, #000603)
- Velvet Corridor color palette (#F9E7F1, #5C45CE, #391C20, #1D0E17, #02090A)
- Grape Veranda color palette (#E5E7FF, #4A00D8, #3D4300, #1D0062, #050700)
Browse the whole catalog at Explore, or see today's palette.