Twilit Navy color palette — #D6E2F4 · #004499 · #483E00 · #1E2F09 · #000105

A conversation between Indigo and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Frost (#D6E2F4): A whisper-light, dusty blue — the color of deep harbor water.
• Indigo (#004499): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#483E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#1E2F09): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Moonless Cocoa Boulevard color palette (#D6E4EE, #004F74, #622D00, #362600, #000103)
• Shadow Nightshade color palette (#E8E9FF, #471AB6, #424100, #16300F, #010009)
• Hazy Nightshade Drift color palette (#E7EEFF, #243AB0, #7D0306, #003C12, #010029)
• Lapis Harbor color palette (#DEE4F6, #4957C9, #765400, #444803, #030028)
• Weathered Atelier color palette (#E6ECFC, #3655DB, #A7060C, #00521C, #00000C)
• Moonless Aubergine Dune color palette (#EEEAFD, #700074, #512B00, #002316, #030003)
• Misty Loft color palette (#FDEAF3, #9C006C, #005B3D, #003F3E, #0B0005)
• Plum Atelier color palette (#D8EBFF, #A58BC3, #B25472, #004C59, #040020)

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