Tempered Veranda color palette — #F7DCEA · #AAA3F0 · #EE77AC · #00A6CB · #401E32

A conversation between Bubblegum and Cyan, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F7DCEA): A whisper-light, dusty rose — the color of strawberry cream.
• Mauve (#AAA3F0): A luminous, balanced violet — the color of twilight just after sunset.
• Bubblegum (#EE77AC): A luminous, balanced rose — the color of pressed rose petals.
• Cyan (#00A6CB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Espresso (#401E32): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Balance. Tagged warm.

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

• Soft Studio color palette (#FCDAE2, #CB97DF, #F37B78, #2A99FC, #37213F)
• Wisteria Delta color palette (#F1DDF4, #72B3F7, #CB83E5, #00AD9E, #0C2D4C)
• Hazy Lilac color palette (#FFE7F2, #AE9BF9, #24B99C, #0093A7, #371D2B)
• Feathered Apricot Terrace color palette (#FFF1F2, #E4A7D8, #F5997A, #85A2EE, #4F2C31)
• Airy Iris color palette (#FFDAD9, #EA8BBB, #E98940, #8883FD, #431F1F)
• Misty Moss color palette (#F2F5FF, #BAAAFF, #8F8800, #009474, #16192F)
• Misty Peony Basin color palette (#FDE3F2, #FF59CB, #F36F00, #717AFF, #440032)
• Wandering Pine color palette (#FFD9E1, #B979C5, #968D00, #009033, #411F28)

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