Olive Drift color palette — #F2F5FD · #DFD8E1 · #BDAEAF · #677C3A · #4F525A

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

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Silver (#DFD8E1): a clean, paper-quiet neutral.
• Ash (#BDAEAF): soft and architectural.
• Olive (#677C3A): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#4F525A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Tempered Powder color palette (#F2F5FF, #C3BEFF, #B1AC75, #759063, #1E4B43)
• Stone Drift color palette (#F5F4FC, #E3D7DC, #A3CEC7, #BDAFAA, #53515A)
• Muted Stone color palette (#E3FBF8, #B7D1FF, #CF9BC0, #659792, #42475A)
• Muted Veranda color palette (#F6F0F3, #DCD5D3, #B3ADA4, #7D7EA7, #3C3338)
• Worn Wisteria color palette (#F0F0FF, #D699FD, #84758A, #535360, #1F2227)
• Tempered Dune color palette (#DCE0EB, #AD9AAD, #9D7E8C, #6253A8, #060815)
• Tempered Parlor color palette (#EEE9F2, #C0AAAE, #BA8D86, #A05577, #190E20)
• Patina Chapel color palette (#FBF1FE, #F5D1D3, #BBDABF, #E06E8B, #3C2C40)

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