Weathered Drift color palette — #FFF0F8 · #F5B492 · #AC6F4F · #704630 · #4A2C3C
A conversation between Mocha and Melon, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Melon (#F5B492): A whisper-light, balanced orange — the color of toasted spice.
- Mocha (#AC6F4F): A full-bodied, balanced orange — the color of sun-warmed clay.
- Coffee (#704630): A full-bodied, dusty orange — the color of autumn markets.
- Espresso (#4A2C3C): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.
Use it as a design system
One click turns Weathered 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
- Weathered Driftwood Atelier color palette (#FFEBF6, #E9BA9E, #B57C60, #714326, #301325)
- Muted Lantern color palette (#FBF1FF, #FAADC5, #B06B80, #6F3E4D, #422D4A)
- Washed Market color palette (#E0FFE3, #EBC88F, #9A783D, #644B20, #254129)
- Aged Bronze color palette (#FFF2EA, #FFD1B9, #C98F74, #925C42, #3D3732)
- Wandering Courtyard color palette (#FFF0F8, #E5D6D5, #ADD9CD, #9A7E91, #57474E)
- Marigold Bloom color palette (#FFF3E5, #E19200, #975F00, #523300, #2B2700)
- Bronze Villa color palette (#EEDDCF, #9D5200, #421F00, #181B11, #100500)
- Quiet Amber color palette (#FFDE9F, #B88500, #6A4C00, #372500, #1D1200)
Browse the whole catalog at Explore, or see today's palette.