Misty Veranda color palette — #F8F2FF · #FA67C3 · #CB7D00 · #766700 · #221330

A conversation between Bubblegum and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Bubblegum (#FA67C3): A luminous, vivid pink — the color of peonies in June.
• Mustard (#CB7D00): A luminous, balanced gold — the color of old brass.
• Olive (#766700): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#221330): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Misty 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

• Blush Courtyard color palette (#F9F2FF, #F48CBE, #CB913F, #7B7526, #2A2032)
• Antique Balcony color palette (#F5F3FF, #CB77DE, #CF6939, #825500, #161127)
• Soft Scarlet Veranda color palette (#F8F2FF, #FF76C7, #D94200, #644E00, #2C0E49)
• Peony Veranda color palette (#F8F2FF, #DA44AB, #A86400, #5A4D00, #0C0316)
• Softworn Rose color palette (#FEF0FF, #FF4F73, #937600, #395A00, #001215)
• Raspberry Quarry color palette (#FFF0F9, #FF91EF, #E6298D, #7E4A00, #3B1A31)
• Dusty Balcony color palette (#FFF0F9, #FF7A35, #74A400, #007B51, #2C1022)
• Timeworn Amber Dune color palette (#E1FBFF, #00C0AB, #CA7E00, #746800, #00211C)

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