Twilit Navy color palette — #D5F4E7 · #515C00 · #00326B · #260022 · #030100

Navy takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D5F4E7): A whisper-light, dusty teal — the color of sea glass.
• Olive (#515C00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00326B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#260022): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. 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

• Navy Pier color palette (#D0EFE8, #345A00, #150090, #31001D, #020100)
• Charred Pine color palette (#D1EAE7, #137D16, #004257, #230035, #040000)
• Shadow Onyx Ridge color palette (#E7E3D5, #373900, #002154, #1E001F, #040100)
• Cellar Onyx Balcony color palette (#E0F2DE, #7C4C00, #00373E, #11003C, #040001)
• Aged Forest Archive color palette (#BEE9E8, #5B5A52, #005D36, #131E21, #000706)
• Emerald Bloom color palette (#E1E6D7, #4A9A45, #005C3A, #00251F, #000202)
• Aubergine Ridge color palette (#E5F9FF, #00726F, #6B006E, #371400, #000200)
• Fern Orchard color palette (#E5F1EE, #BFD5D3, #8AAEB0, #3A5800, #000302)

Browse the whole catalog at Explore, or see today's palette.