Tempered Powder color palette — #F8F5EF · #C5DEF0 · #C8BCF3 · #669AAE · #5C4554

A conversation between Lavender and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Powder Blue (#C5DEF0): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender (#C8BCF3): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#669AAE): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5C4554): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Powder 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

• Aged Powder color palette (#F8F5EF, #C0E0E7, #9DCAFF, #57A195, #39544A)
• Tempered Petrol color palette (#EEF7F7, #D9DBEB, #839BBA, #407594, #45536A)
• Pale Mallow Villa color palette (#F6F6E7, #CFF3B7, #E8B5FD, #7FA860, #5D3B44)
• Sky Lagoon color palette (#FAF4EB, #D3D9EB, #01BFF3, #00897F, #033957)
• Timeworn Azure color palette (#F9F4ED, #BFEEFF, #009DDE, #00696B, #011F3D)
• Muted Turquoise Grove color palette (#EEE7DB, #60B1B5, #005F70, #002C23, #000103)
• Hushed Seafoam Pier color palette (#F5F8E1, #A6DD9A, #93BCFE, #CE8F8E, #383932)
• Sapphire Delta color palette (#FBF4EA, #9ED2FD, #2073ED, #004F60, #06042E)

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