Twilit Navy color palette — #D5E2EB · #007394 · #002F6F · #002B3A · #000207
Built around Navy, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Silver (#D5E2EB): bright and airy, almost weightless.
- Teal (#007394): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#002F6F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#002B3A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000207): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged duotone, dark, muted, cool.
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
- Antique Terrace color palette (#DBF5FF, #00767E, #590063, #003034, #030004)
- Pale Aubergine color palette (#E3EDF9, #2C64C1, #3E0081, #00215B, #02000B)
- Abyss Garden color palette (#E5F1FA, #9AABBF, #6D809C, #003B5C, #081520)
- Chalky Station color palette (#D3E6D6, #0095A0, #7100B5, #004F56, #030009)
- Ultramarine Thicket color palette (#E6F4FF, #0098DC, #3300EF, #004C70, #080D2D)
- Antique Balcony color palette (#D0E3F6, #0C68E3, #1C00AA, #17005A, #0D0028)
- Ultramarine Atelier color palette (#F3E7F4, #0044D3, #2F0085, #33001A, #03042D)
- Ancient Alley color palette (#F0F6FC, #9EC4EC, #7773BB, #3570A9, #292D3B)
Browse the whole catalog at Explore, or see today's palette.