Tempered Veranda color palette — #D0E9E6 · #F3A30B · #EA5CC3 · #6D1858 · #170E21

Bubblegum takes the lead with Saffron close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Honeydew (#D0E9E6): A whisper-light, dusty teal — the color of glacier melt.
• Saffron (#F3A30B): A luminous, vivid gold — the color of old brass.
• Bubblegum (#EA5CC3): A luminous, vivid pink — the color of neon signs at night.
• Mulberry (#6D1858): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#170E21): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Energy, Balance. Tagged neon, dark, 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

• Washed Raspberry color palette (#EBDFF8, #ECB527, #C44A92, #86165E, #160722)
• Blush Grove color palette (#DCF5FF, #D0B600, #FF7BAD, #742B48, #290514)
• Dusty Harbor color palette (#CCF2E9, #EEA600, #CB8DFF, #5D3A79, #121123)
• Magenta Lantern color palette (#C5E6E9, #D18C00, #F000C1, #27011D, #110002)
• Worn Lime color palette (#E7EFFF, #A1D400, #FF977C, #68475F, #251B22)
• Chalky Station color palette (#D0F0E2, #00C3C9, #E426CF, #4A0543, #160D23)
• Hushed Rose color palette (#FAF2F9, #E8D4D5, #DAB7B4, #FF515A, #3F2B3D)
• Blush Grove color palette (#FAE8FD, #FF80A2, #009449, #00738B, #29013E)

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