Tempered Drift color palette — #F1F7F2 · #D3DDDC · #8FC2DB · #B8B4AA · #4E554E

Sky takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D3DDDC): a clean, paper-quiet neutral.
• Sky (#8FC2DB): A luminous, dusty blue — the color of deep harbor water.
• Ash (#B8B4AA): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#4E554E): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Cerulean Market color palette (#EBF3F7, #D3D7DD, #B1ACB6, #598B9C, #2E383C)
• Worn Drift color palette (#E7F6EF, #6BC3EA, #887485, #485951, #1E231E)
• Wandering Chestnut color palette (#E7FCE7, #C8E4D8, #D6B4C9, #A49880, #6A4F00)
• Glacier Garden color palette (#FFF3E8, #83E3E3, #89B1E2, #AE815D, #394D41)
• Ancient Fern Villa color palette (#F8F5EE, #E2E0BD, #8CC59C, #8AA18C, #554F00)
• Worn Petrol color palette (#DDE5DF, #92A5A6, #A8878F, #00707E, #020C05)
• Patina Workshop color palette (#FFF0F8, #EFD3CD, #EAB298, #9083FF, #422A38)
• Wandering Indigo color palette (#EDE6EA, #BFABA9, #B98A7E, #5A68C1, #1D0E19)

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