Twilit Navy color palette — #F9E9F9 · #00336F · #3D0035 · #1A1000 · #000202
Navy and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F9E9F9): A whisper-light, dusty pink — the color of a candy shop window.
- Navy (#00336F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#3D0035): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#1A1000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Black (#000202): a grounded near-black with real depth.
Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Charred Delta color palette (#D1F0E6, #003F65, #300057, #1C0700, #000202)
- Inked Meadow color palette (#FFDFEE, #400A87, #410021, #0F0E00, #000204)
- Navy Archive color palette (#EBD7E9, #002D8C, #081116, #0D0021, #00010B)
- Lowlit Nightshade color palette (#EFE9CB, #006276, #22008E, #1C1900, #000D18)
- Antique Abyss color palette (#DDE9E3, #B3A4B2, #967386, #003D54, #041811)
- Tempered Summit color palette (#CDE3E6, #007DB4, #030BAA, #20004F, #12001B)
- Midnight Abyss color palette (#D4EEEB, #02480D, #4C0004, #160900, #000201)
- Aged Grape Orchard color palette (#FFE8F1, #7C00CE, #80001F, #361A00, #020200)
Browse the whole catalog at Explore, or see today's palette.