Tempered Veranda color palette — #FBE2AC · #F07AF8 · #F0407C · #407E00 · #460E38

Hot Pink takes the lead with Pink Orchid close behind in a set that reads as nature and growth at first glance.

The five colors

• Peach Cream (#FBE2AC): A whisper-light, dusty gold — the color of old brass.
• Pink Orchid (#F07AF8): A luminous, vivid pink — the color of peonies in June.
• Hot Pink (#F0407C): A luminous, vivid red — the color of a theater curtain.
• Olive Leaf (#407E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#460E38): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Energy. Tagged retro, 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

• Muted Fuchsia Basin color palette (#F8E2B5, #FF79D0, #E95456, #008143, #481029)
• Gentle Peony Workshop color palette (#FFE1A2, #CB93FF, #DD51A5, #677400, #3F1146)
• Blush Basin color palette (#F2DAB5, #FE7995, #C56D3A, #007767, #3D1514)
• Washed Tangerine Delta color palette (#FFF4E2, #FF9FC0, #EE754F, #00906D, #56222A)
• Fuchsia Corridor color palette (#FFDFE2, #FF54EF, #C67300, #007C42, #002641)
• Muted Magenta Courtyard color palette (#F8E2B5, #9DA9FF, #C353E6, #876600, #2C185A)
• Dusty Plum color palette (#BEF4D1, #9781FF, #C51D60, #005A53, #3A1745)
• Pale Harbor color palette (#FFE5E4, #F918B3, #85404C, #4B263B, #110306)

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