Tempered Drift color palette — #F0DBE2 · #804E00 · #004B82 · #3D2300 · #000309

Built around Peacock, softened by Coffee — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F0DBE2): A whisper-light, dusty rose — the color of a warm blush.
• Coffee (#804E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Peacock (#004B82): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3D2300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Terracotta color palette (#F2DEEB, #9E2F0C, #005266, #4F1000, #000305)
• Chalky Nightshade Chapel color palette (#D7F3DD, #735600, #2D19C8, #362700, #010015)
• Hushed Bronze color palette (#E0F6EC, #836200, #493E3D, #202000, #030300)
• Inked Aubergine color palette (#F8E9D6, #644100, #004848, #490060, #020100)
• Pale Ultramarine Balcony color palette (#FFE1EE, #CB711E, #004DCA, #5D2D00, #000107)
• Petrol Orchard color palette (#F2DDC7, #A76700, #0068B7, #623B00, #001024)
• Softworn Canyon color palette (#FFE4F7, #007E83, #6C6300, #080C05, #000201)
• Olive Boulevard color palette (#DAECD8, #ABA16F, #5C8B00, #622A00, #0D0800)

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