Olive Drift color palette — #DEF3DD · #AFAA73 · #578D4A · #3F5D7D · #323751

Olive Leaf and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DEF3DD): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#AFAA73): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#578D4A): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#3F5D7D): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#323751): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Denim Field color palette (#FEE9F5, #C3A172, #827D4A, #006175, #293C53)
• Tempered Parlor color palette (#CCEFE5, #8EB796, #4B9189, #635085, #3D3050)
• Tempered Pine color palette (#DAF2E2, #89A36A, #22805E, #3B456B, #221F3D)
• Wandering Petrol Terrace color palette (#FAF1C4, #C9C99F, #689875, #02677A, #00354F)
• Muted Bloom color palette (#F6DAC9, #C9B57F, #78A87D, #7C6891, #3B2A4C)
• Hushed Harbor color palette (#E1E8CF, #5D8F6A, #006A5D, #3F276E, #31042E)
• Teal Loft color palette (#DCFFED, #AED5CD, #69AA94, #6F7893, #56506C)
• Pine Pier color palette (#DAE9E2, #8FB26F, #008939, #7E422C, #003129)

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