Olive Drift color palette — #F6D8C1 · #B7AA6B · #687B38 · #633E50 · #351E29

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

The five colors

• Peach Cream (#F6D8C1): A whisper-light, dusty gold — the color of old brass.
• Sage (#B7AA6B): A luminous, balanced green — the color of fresh herbs.
• Olive (#687B38): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#633E50): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#351E29): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, 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

• Bronze Courtyard color palette (#FFEAE6, #CA9579, #92752F, #5A3E5B, #362536)
• Softworn Cypress color palette (#EEE9DC, #9DA47D, #3F8183, #61423E, #392320)
• Muted Thicket color palette (#FFF0D8, #B9B58F, #708E50, #6A5257, #463136)
• Weathered Market color palette (#F2D8F4, #C79AA8, #51817A, #544B6E, #493149)
• Grape Summit color palette (#E9E6C5, #7C9C26, #6A40AB, #7E407A, #171400)
• Patina Chapel color palette (#F1E0CE, #757C17, #2B5943, #402847, #22042A)
• Teal Orchard color palette (#CFF3C0, #61C1B0, #528AA3, #754845, #512120)
• Antique Coast color palette (#F0E0C6, #A88F00, #5E6D00, #234600, #002D1A)

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