Navy Lagoon color palette — #D6E8DB · #644E00 · #313D00 · #020162 · #030100

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

The five colors

• Honeydew (#D6E8DB): A whisper-light, dusty teal — the color of sea glass.
• Bronze (#644E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#313D00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#020162): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Onyx Ridge color palette (#CDEEE6, #345E00, #004115, #21005B, #030200)
• Cocoa Coast color palette (#F5DFEA, #813D00, #263E00, #001741, #040100)
• Twilit Cocoa color palette (#F6E1CE, #5E2F00, #002937, #191204, #00070C)
• Aged Rust Hollow color palette (#F6E0EB, #B14D00, #005C59, #1D2C81, #060002)
• Twilit Forest color palette (#D5F7F2, #11660D, #00484C, #400032, #000300)
• Feathered Aubergine color palette (#D7ECE5, #657500, #005A4B, #4A005E, #080A00)
• Bronze Courtyard color palette (#FDD4D4, #AF5800, #564400, #162400, #000402)
• Cocoa Pier color palette (#F7E9EE, #9CA8A1, #6C8E88, #673700, #14030B)

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