Tempered Veranda color palette — #F9EDFB · #CF8192 · #65525B · #3E3440 · #222027

Dusty Rose takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#F9EDFB): A whisper-light, dusty pink — the color of a candy shop window.
• Dusty Rose (#CF8192): A luminous, balanced red — the color of a theater curtain.
• Charcoal Brown (#65525B): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#3E3440): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#222027): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Wandering Blush Chapel color palette (#F9EDFB, #F796A8, #897483, #5B505E, #232025)
• Weathered Blush color palette (#FFF2EF, #EA8FA5, #7A4613, #372623, #140D0E)
• Cocoa Market color palette (#FAEFEC, #AC6472, #632903, #342421, #1A1410)
• Apricot Ridge color palette (#FFF0F9, #E79C7E, #71ADD3, #798AB7, #4F3C47)
• Hushed Thicket color palette (#D9EAD8, #C27F00, #39544B, #253224, #1D151B)
• Scarlet Lantern color palette (#F4E5F1, #EB3A33, #594019, #321F2F, #150E1B)
• Amber Alley color palette (#FFF0F9, #F2B39A, #75BDD7, #BA7A60, #325263)
• Ash Market color palette (#F1F7F1, #B7DACE, #72A7A5, #7A7B8F, #3F524B)

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