Twilit Navy color palette — #D6E8EA · #004232 · #00265E · #2B0006 · #000201
Midnight takes the lead with Ink close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D6E8EA): bright and airy, almost weightless.
- Forest (#004232): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#00265E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#2B0006): A deep, shadowed, dusty red — the color of a theater curtain.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, 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
- Aubergine Hollow color palette (#E3E9D4, #00421E, #360068, #280013, #000200)
- Basalt Corridor color palette (#D1E3DD, #364300, #001D40, #140500, #000203)
- Lowlit Aubergine Studio color palette (#DCEEFF, #003B5C, #33006D, #280500, #000205)
- Nocturne Forest Ridge color palette (#D8E4C7, #006C47, #00343A, #000E18, #020010)
- Dusty Spruce color palette (#E3F0F2, #8C9DA5, #627284, #003329, #000C0E)
- Midnight Garnet Station color palette (#DEF2F6, #005046, #68002B, #1B1F00, #000605)
- Shadow Corridor color palette (#DEF5F0, #366A09, #1A007C, #0D2400, #00000F)
- Aubergine Bloom color palette (#D3E3EB, #005C6B, #60197E, #461800, #001015)
Browse the whole catalog at Explore, or see today's palette.