Tempered Drift color palette — #E7FBF3 · #E9D6D1 · #6FB9C2 · #A49E95 · #5C4B5C

Built around Cyan, softened by Charcoal Brown — the whole palette hums with trust and stability.

The five colors

• Ivory (#E7FBF3): A whisper-light, dusty teal — the color of sea glass.
• Bone (#E9D6D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cyan (#6FB9C2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Taupe (#A49E95): soft and architectural.
• Charcoal Brown (#5C4B5C): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged pastel, light, 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 Thicket color palette (#FFF0FC, #E7D9D7, #CEBFA0, #73A3C0, #5F4B54)
• Dusty Olive color palette (#FFF1F5, #BA9ECC, #C48E69, #5B8852, #4C363D)
• Worn Field color palette (#FAF4E9, #D1CBB1, #AA9979, #8F6D49, #4B4B00)
• Gentle Peony color palette (#EEDFEF, #A39EDE, #AF6AAD, #005260, #01082A)
• Timeworn Courtyard color palette (#FFF0FE, #E4D5E4, #FFABDC, #0096BD, #3B416B)
• Aged Cobalt color palette (#FCF2F8, #DDD0AD, #717AAA, #624059, #33272F)
• Weathered Hollow color palette (#F9F3F7, #C9CDF9, #CD867C, #7E80DE, #332C29)
• Celadon Bloom color palette (#E5ED93, #FFCBA6, #AECCFF, #5D4A5B, #3B343B)

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