Navy Drift color palette — #F6F1E7 · #96874C · #447643 · #4F4082 · #231A0B

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

The five colors

• Cream (#F6F1E7): bright and airy, almost weightless.
• Caramel (#96874C): A luminous, balanced green — the color of new leaves after rain.
• Olive (#447643): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#4F4082): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#231A0B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Aubergine Atelier color palette (#FDEEE6, #C8A387, #6B824B, #644177, #362A18)
• Garnet Orchard color palette (#F6F2E7, #9D9758, #007E7E, #683057, #211B0A)
• Patina Pier color palette (#F8F0E8, #AE8960, #816733, #00526F, #2B1710)
• Weathered Amber Balcony color palette (#FBF4EC, #B08245, #00798A, #4C497D, #45312D)
• Aubergine Chapel color palette (#FAF2D7, #777500, #00624B, #550068, #100F00)
• Wandering Workshop color palette (#FFEEE6, #D8B693, #918D49, #296619, #003731)
• Washed Driftwood Field color palette (#F5F1EC, #D5D8D2, #A4B5B1, #9B7D53, #3C352D)
• Wandering Coast color palette (#F2EDDE, #878749, #344200, #231E0E, #100B06)

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