Weathered Navy color palette — #DBFCEA · #887C00 · #0044A9 · #4C000A · #060000

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

The five colors

• Honeydew (#DBFCEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#887C00): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#0044A9): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#4C000A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#060000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Misty Terrace color palette (#DFFBE5, #987400, #263DAE, #30005D, #030008)
• Misty Nightshade Field color palette (#F2E8D1, #625900, #1500A6, #420007, #1A0700)
• Weathered Emerald Veranda color palette (#D8FBF7, #03953D, #65268F, #351F00, #030100)
• Eclipse Dune color palette (#CEEBE9, #006B2E, #003B53, #2B003A, #0B0100)
• Mulberry Courtyard color palette (#E6EBD7, #2EAA57, #0078BB, #8B0075, #1C0E00)
• Obsidian Garnet Pier color palette (#D5EEF6, #006163, #57000D, #160100, #020100)
• Velvet Garnet Terrace color palette (#D9F2F5, #007964, #6E0048, #2D001B, #040000)
• Aged Amethyst Meadow color palette (#D7FFF7, #54B604, #763FD6, #632F00, #210B00)

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