Tempered Drift color palette — #FBE5E6 · #B25CA1 · #583530 · #2F1B1D · #140A0D

Built around Hot Pink, softened by Cocoa — the whole palette hums with creativity and sophistication.

The five colors

• Rose Water (#FBE5E6): A whisper-light, dusty red — the color of a theater curtain.
• Hot Pink (#B25CA1): A full-bodied, balanced pink — the color of neon signs at night.
• Cocoa (#583530): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#2F1B1D): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#140A0D): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Weathered Thicket color palette (#F4DFDC, #D26590, #773920, #3A2927, #201516)
• Dusty Indigo color palette (#F3D7E6, #7C6FD2, #56343F, #2E1A26, #120A11)
• Tempered Delta color palette (#F7F3FF, #CC53B6, #512433, #120B1C, #010103)
• Nocturne Mulberry color palette (#EFDCDE, #8B4383, #3C1B10, #25090E, #0B0303)
• Antique Study color palette (#EFEAFD, #DE63D0, #805353, #3F384E, #0B0D14)
• Powdered Hollow color palette (#FBDED4, #DE003D, #592811, #320C0F, #150201)
• Amber Garden color palette (#FFE5D2, #CE6400, #5B3F0E, #37200D, #1B0E08)
• Worn Moss color palette (#FEDCD2, #D6747A, #599D39, #4578BE, #422117)

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