Tempered Veranda color palette — #FBF3F3 · #E3D9D2 · #C0C7BD · #C08BAA · #473C3C

Built around Dusty Rose, softened by Oat — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FBF3F3): a clean, paper-quiet neutral.
• Bone (#E3D9D2): bright and airy, almost weightless.
• Oat (#C0C7BD): soft and architectural.
• Dusty Rose (#C08BAA): A luminous, dusty pink — the color of peonies in June.
• Charcoal (#473C3C): quiet, heavy and certain.

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

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

• Worn Garden color palette (#F7F3FA, #E3D7DD, #C9BBC1, #97607E, #4B4551)
• Apricot Chapel color palette (#FFF2EF, #E6D0CC, #C2BFB3, #FFA07A, #4A2E27)
• Softworn Driftwood color palette (#FFF2F0, #ECD8BF, #CAAF95, #6D8060, #375141)
• Tempered Amber Corridor color palette (#FAF4EF, #DDDDD0, #97B6BD, #B87A44, #352D25)
• Ancient Lantern color palette (#FAF5E7, #CFE5C2, #78AE75, #926971, #393932)
• Antique Mulberry color palette (#F7EBE9, #E2CAC3, #CC978B, #861B53, #0A0000)
• Garnet Hollow color palette (#EDE4E0, #CAB6AA, #AD8B68, #73070B, #030000)
• Dusty Coral color palette (#FFF4E2, #FFB0D5, #D57061, #1F744F, #422B26)

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