Pale Navy color palette — #DDF7E7 · #7A6C00 · #00524D · #1C0E6E · #1D0008

Deep Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DDF7E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#7A6C00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00524D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#1C0E6E): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#1D0008): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Pale 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

• Feathered Hollow color palette (#DEF3E9, #808200, #006168, #3C1D6B, #2E0100)
• Wandering Ridge color palette (#F8E8ED, #965C00, #00552A, #002B41, #17001B)
• Shadow Fern color palette (#D9EAE4, #4E6100, #003D4B, #2C003A, #090200)
• Pine Pier color palette (#D2E9E7, #008131, #004C70, #450045, #150700)
• Midnight Station color palette (#DDF2E9, #555A00, #1F262D, #062100, #000704)
• Twilit Navy Terrace color palette (#CFF7FC, #00463B, #000D5F, #16000A, #020100)
• Wandering Cypress Hollow color palette (#D2E3DA, #8BA073, #2F755B, #33375E, #221E37)
• Dusty Nightshade Boulevard color palette (#F0DFC5, #856200, #2533A5, #361960, #31083E)

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