Twilit Navy color palette — #C8EEF6 · #00645D · #003065 · #360018 · #010100
Navy and Ink set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C8EEF6): A whisper-light, dusty blue — the color of deep harbor water.
- Pine (#00645D): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#003065): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#360018): A deep, shadowed, balanced rose — the color of a warm blush.
- Black (#010100): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, 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
- Eclipse Summit color palette (#D1F2EE, #006022, #004157, #250020, #010100)
- Dusty Pine Loft color palette (#F9E7F3, #008D54, #004B59, #3A000F, #000201)
- Nocturne Archive color palette (#C7EEF9, #006468, #510063, #26001A, #010100)
- Twilit Navy color palette (#CBE8E4, #007D27, #1C2697, #2F0300, #030100)
- Charred Abyss color palette (#C5EFF9, #005A54, #46464D, #181A20, #00070B)
- Deep Veranda color palette (#C8E7EF, #004D4C, #250055, #180400, #000201)
- Emerald Thicket color palette (#D5E7C7, #00A76D, #005D5C, #00252D, #000103)
- Washed Studio color palette (#E0F2F2, #C1D4D8, #85ADC0, #005D36, #000303)
Browse the whole catalog at Explore, or see today's palette.