Tempered Drift color palette — #DDEBE1 · #FFBB86 · #D4A2FF · #313048 · #1B1B25

Built around Lavender, softened by Cantaloupe — the whole palette hums with optimism and creativity.

The five colors

• Honeydew (#DDEBE1): bright and airy, almost weightless.
• Cantaloupe (#FFBB86): A whisper-light, balanced gold — the color of old brass.
• Lavender (#D4A2FF): A luminous, balanced violet — the color of twilight just after sunset.
• Navy (#313048): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#1B1B25): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Antique Pier color palette (#CDEAF2, #E9C968, #FF8EDC, #372D44, #19161F)
• Patina Boulevard color palette (#E9EFDA, #FFB2C8, #93BCFF, #26374D, #171B20)
• Dusty Seafoam color palette (#9BFCD3, #FFCAB4, #DDB8FF, #61474F, #3A3134)
• Worn Sunflower color palette (#AEF9C4, #EBD23C, #B7B4FF, #5B4042, #3A3236)
• Wandering Field color palette (#F2F1F7, #DCB4D9, #B06F63, #975694, #1F101C)
• Hushed Driftwood color palette (#F3F0F6, #DCD4D7, #BCACA8, #AA6D8A, #39343D)
• Tempered Boulevard color palette (#F6EEFF, #E7B4C2, #B16F6D, #8D3E27, #482400)
• Tempered Cypress color palette (#F2F0FA, #AA86AF, #878656, #156D5C, #232030)

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