Muted Drift color palette — #FFF2F0 · #F1B9BF · #CF837F · #B35F4D · #56504B

Terracotta and Dusty Rose set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Ballet Pink (#F1B9BF): A whisper-light, dusty red — the color of embers at dusk.
• Dusty Rose (#CF837F): A luminous, balanced orange — the color of toasted spice.
• Terracotta (#B35F4D): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal Brown (#56504B): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Softworn Ember Cabin color palette (#FFF2EC, #EBB5AD, #68C0D5, #D1695B, #325641)
• Antique Harbor color palette (#FAF1FF, #EFD6CE, #F3A19D, #AB7768, #5D4250)
• Dusty Bronze color palette (#FFF2EB, #ECBE9F, #C08E58, #98711D, #535049)
• Softworn Driftwood color palette (#FFF1F6, #DDB8E3, #C181B4, #A96088, #6C4541)
• Aged Alley color palette (#FFF2EB, #FBD1B7, #D28D75, #9E5536, #532A1A)
• Bronze Coast color palette (#FBDDD1, #E99C6D, #B56D00, #825900, #4A3C00)
• Hushed Cocoa color palette (#FEF2ED, #DFDBCD, #B6CBD9, #CE969B, #764010)
• Wandering Veranda color palette (#FFF2EB, #D9A293, #77B58E, #808CD4, #48413D)

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