Worn Drift color palette — #E8F8FF · #D5FFA0 · #E0D6CE · #4A4400 · #22221A

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

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Butter (#D5FFA0): A whisper-light, balanced green — the color of new leaves after rain.
• Bone (#E0D6CE): bright and airy, almost weightless.
• Deep Olive (#4A4400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#22221A): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Wandering Frost Lagoon color palette (#F4F4FF, #B9FFEC, #D9D8CD, #45503E, #1C2119)
• Hushed Driftwood Drift color palette (#F6F6EB, #C9DDCB, #6E925A, #4A4900, #1C1C14)
• Aged Field color palette (#F5F7E9, #A0D399, #ACA4E7, #A96D87, #31322B)
• Softworn Iris Parlor color palette (#F4F6EE, #97D2A9, #9983C6, #8B525D, #2F2819)
• Dusty Seafoam Field color palette (#FFE3D9, #D2D4FF, #00E8BB, #233214, #050803)
• Sand Dune color palette (#FFE4DB, #DBD7FF, #FFC980, #8F6326, #3B352E)
• Worn Mustard color palette (#F7DEE7, #C8C3FF, #C5C14D, #1F352B, #131E19)
• Wandering Turquoise color palette (#F4F6EF, #B6E5EF, #39C2D3, #6DAB78, #152218)

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