Tempered Powder color palette — #F4F6EE · #C3DEF1 · #BEBCEF · #6A99B2 · #584756

Lavender and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Powder Blue (#C3DEF1): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender (#BEBCEF): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#6A99B2): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#584756): 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

• Powder Dune color palette (#F5F6EE, #BAE2E9, #95C9EB, #809B78, #3E5346)
• Worn Lantern color palette (#F9F4EF, #CCE5E8, #8C97C2, #257D7F, #684855)
• Cobalt Quarry color palette (#F3F7EA, #99D3FF, #297DCA, #004E67, #000B25)
• Ancient Cocoa Workshop color palette (#FFF2ED, #E0D9CE, #D4BBA3, #A5B6B3, #773C1A)
• Muted Delta color palette (#F5F7E6, #D4DBEE, #24C1E2, #008887, #003B4D)
• Washed Azure Market color palette (#F4F7EA, #BDEFFF, #00A0CF, #006872, #002133)
• Patina Blush color palette (#FFF1F1, #FCD1CC, #EE9DB3, #AB747D, #6A4A40)
• Washed Mustard color palette (#FFF2ED, #FFB6B1, #D5B86D, #B693C3, #3E3634)

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