Faded Drift color palette — #FFF0D8 · #C67F00 · #646600 · #004266 · #261A00

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

The five colors

• Cream (#FFF0D8): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#C67F00): A luminous, balanced gold — the color of old brass.
• Olive (#646600): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004266): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#261A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

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

• Ember Pier color palette (#FFF0D8, #EC5C26, #805900, #004750, #301300)
• Hazy Bronze Thicket color palette (#FEEED4, #9B7000, #435400, #002C56, #120E00)
• Sunlit Ember Corridor color palette (#FFF3E4, #DD6200, #526B00, #363A88, #483005)
• Pine Bloom color palette (#FDF0DB, #9AA450, #187F4A, #423D78, #25240F)
• Softworn Nightshade color palette (#FEEFDC, #AC7700, #006B58, #1F189C, #340011)
• Marigold Veranda color palette (#DEFFE5, #E49400, #818300, #006192, #443203)
• Nocturne Bronze Harbor color palette (#F7EBD5, #816800, #282D00, #170E00, #070300)
• Pine Boulevard color palette (#FEE3BF, #A8AC76, #428A4E, #3D5782, #2C2346)

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