Tempered Veranda color palette — #F0DBFF · #CC76FF · #FE5235 · #0085B2 · #2C0F3D

Built around Scarlet, softened by Pink Orchid — the whole palette hums with trust and stability.

The five colors

• Thistle (#F0DBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Pink Orchid (#CC76FF): A luminous, vivid violet — the color of a velvet chair.
• Scarlet (#FE5235): A luminous, vivid orange — the color of toasted spice.
• Cerulean (#0085B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#2C0F3D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.

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

• Chalky Rose color palette (#FFEFF5, #B97EFF, #F83841, #00789B, #0A1031)
• Washed Cabin color palette (#FFDADF, #F843FC, #FA761D, #0076B2, #2F122F)
• Muted Peony color palette (#FFD6F3, #8999FF, #FF3D90, #008C8A, #171B3D)
• Dusty Peony Study color palette (#FFD8EA, #FF59BB, #DE8D1E, #3869CC, #380A26)
• Blush Alley color palette (#FFE9E4, #FF7C97, #BD9D27, #7B7BB8, #3A1D17)
• Weathered Terrace color palette (#FFDDE8, #FF6EAB, #DD5E00, #796600, #360054)
• Weathered Rose color palette (#FFDDC8, #FF80B4, #FB3357, #856700, #471424)
• Mallow Meadow color palette (#FFF1F4, #E4A9F4, #E3A68E, #75A595, #4B373B)

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