Navy Drift color palette — #E4DED1 · #A7AE80 · #558765 · #273B7B · #230C3A

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

The five colors

• Bone (#E4DED1): bright and airy, almost weightless.
• Sage (#A7AE80): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#558765): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#273B7B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#230C3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Timeworn Veranda color palette (#DEE8B1, #7AACA7, #2F8077, #4E317B, #220521)
• Onyx Balcony color palette (#FFD5E8, #B99D61, #6B733E, #004D6B, #090540)
• Ancient Loft color palette (#E0E1D0, #6E9D67, #006852, #39227B, #0F0013)
• Pale Archive color palette (#FFE9E5, #B3A25D, #00996D, #7B5982, #351C3B)
• Ancient Balcony color palette (#ECE1CC, #7D8325, #206537, #283556, #341833)
• Softworn Terrace color palette (#DAEED4, #4D9178, #005E6A, #30033A, #0D0004)
• Sunlit Market color palette (#ECFFBE, #A4CDA9, #3F9B93, #604A8D, #581952)
• Antique Lagoon Pier color palette (#ECF9EF, #9FD6E3, #008A96, #00543B, #000F15)

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