Navy Garden color palette — #DBE5F8 · #857B00 · #1A1274 · #040028 · #00000B

Built around Deep Indigo, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Frost (#DBE5F8): A whisper-light, dusty violet — the color of wild irises.
• Olive Leaf (#857B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#1A1274): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#040028): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Calm, Depth, Luxury. Tagged luxury, dark, cool.

Use it as a design system

One click turns Navy Garden 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

• Twilit Loft color palette (#DFDFF0, #638618, #400358, #10001A, #010009)
• Wandering Nightshade color palette (#EBDAE6, #A09442, #31339A, #110058, #080005)
• Timeworn Quarry color palette (#D2E2F4, #BB5717, #002A53, #291D24, #000717)
• Aubergine Drift color palette (#DCDEEC, #64AA3C, #4E1B84, #1F003D, #020111)
• Navy Chapel color palette (#D9E1F4, #B65967, #210073, #07002A, #050005)
• Eclipse Lagoon color palette (#E6E3FA, #4A6200, #24002C, #1C0B01, #030004)
• Wandering Lime color palette (#F3EFFF, #9FB33E, #73296D, #380635, #0A0414)
• Softworn Aubergine color palette (#DDDEE5, #B5B0BE, #99859E, #562B77, #090916)

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