Tempered Drift color palette — #FDDCD5 · #ABC2FF · #FF8D6B · #4F3539 · #2F282C

Salmon takes the lead with Sky close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Shell Pink (#FDDCD5): A whisper-light, dusty orange — the color of autumn markets.
• Sky (#ABC2FF): A luminous, balanced violet — the color of a velvet chair.
• Salmon (#FF8D6B): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#4F3539): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#2F282C): quiet, heavy and certain.

Feels like: 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

• Worn Drift color palette (#FAE8ED, #89E5FF, #EC7A64, #4A3035, #292227)
• Tempered Mustard color palette (#F8E9E2, #B1C0FF, #DDA800, #26403B, #202822)
• Sunflower Quarry color palette (#FCEAF6, #B5D1FF, #DACC00, #625F35, #2E2A20)
• Aged Study color palette (#EDF8F7, #D4DCE4, #B9C0D1, #528062, #404A49)
• Feathered Moss color palette (#F3E2CA, #F5AFFF, #A59A00, #134242, #152B21)
• Wandering Forest color palette (#EAF9F6, #D9A175, #325E29, #033631, #111E22)
• Faded Emerald Alley color palette (#FCEDDD, #FF9EF2, #00AD57, #18333B, #121D1D)
• Blush Workshop color palette (#F4EADA, #FF66A2, #82A100, #03282B, #05130F)

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