Misty Drift color palette — #FFF4DD · #DAD38B · #AB9000 · #795A00 · #302700
A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
- Honey (#DAD38B): A whisper-light, balanced green — the color of fresh herbs.
- Mustard (#AB9000): A luminous, balanced green — the color of fresh herbs.
- Coffee (#795A00): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#302700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Misty 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
- Hushed Amber Atelier color palette (#FFF3E7, #F7C689, #D07A00, #904A13, #362400)
- Ancient Delta color palette (#F3DEC1, #A58000, #664700, #321C00, #020100)
- Sunlit Delta color palette (#FFF5D7, #CDBC5E, #997A00, #654700, #1B1900)
- Bronze Studio color palette (#FCEDD1, #96A565, #7F6612, #703900, #35362F)
- Dusty Chestnut color palette (#FBE0C8, #C58C50, #8F4B00, #532100, #070300)
- Tempered Boulevard color palette (#FFECC9, #C7D163, #BEA142, #A87237, #263D19)
- Worn Blush color palette (#FFF2F0, #FC6CAC, #BD8600, #6D6B00, #2F100F)
- Ancient Azure Lantern color palette (#E6FBF2, #00AAE7, #7D8500, #006935, #00181A)
Browse the whole catalog at Explore, or see today's palette.