Tempered Driftwood Pier color palette — #FEF1F8 · #C1C1F8 · #C798C0 · #B86F72 · #5B3A18

Mocha takes the lead with Mauve close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Lavender (#C1C1F8): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#C798C0): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#B86F72): A luminous, balanced red — the color of a theater curtain.
• Cocoa (#5B3A18): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Tempered Driftwood Pier 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

• Ancient Amber Coast color palette (#FDF2F3, #E4B5E0, #D79598, #B57739, #454512)
• Washed Cocoa color palette (#FFF1F6, #E9D4CF, #D2B8B9, #BE9A85, #704000)
• Tempered Mallow color palette (#FFEDED, #E294CB, #D1756E, #996200, #282F00)
• Powder Dune color palette (#F8EEF9, #95BAE6, #877583, #5D4F5E, #1C2321)
• Ancient Study color palette (#ECF7FC, #80DCEB, #C481AA, #67712F, #114236)
• Hushed Lagoon color palette (#FDF1F8, #BFC0FC, #CC95BD, #2A9995, #1F4664)
• Bronze Terrace color palette (#F0F8ED, #97D6C7, #DB9586, #A4812F, #304B24)
• Muted Iris color palette (#FFF0FC, #D0D9FF, #ACB1F7, #968DD2, #694858)

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