Misty Drift color palette — #FAF5EB · #B79600 · #4A6A00 · #604D00 · #1A1907
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF5EB): bright and airy, almost weightless.
- Mustard (#B79600): A luminous, balanced green — the color of new leaves after rain.
- Olive (#4A6A00): A full-bodied, balanced green — the color of fresh herbs.
- Bronze (#604D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#1A1907): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.
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
- Airy Moss Market color palette (#F7F6E7, #86A842, #006F55, #415900, #141B0C)
- Tempered Pine color palette (#F7F1E7, #BC9A5C, #377532, #6E4F00, #060700)
- Amber Study color palette (#FFF2EA, #DA7D4F, #735A00, #823500, #221601)
- Powdered Moss color palette (#FAEECD, #7E9100, #266C16, #004954, #31312A)
- Hushed Market color palette (#EFF8F0, #DAAC53, #009863, #926A00, #001D1E)
- Moss Field color palette (#DFE69D, #8BAC39, #497918, #025318, #00381C)
- Tempered Garnet color palette (#FFF4DF, #826C00, #005641, #641226, #2A190A)
- Timeworn Mustard color palette (#FBF6D8, #CCC200, #96B332, #44834C, #35352E)
Browse the whole catalog at Explore, or see today's palette.