Grape Field color palette — #FFF1F2 · #F2B8D2 · #EF7366 · #7B28AF · #180011

Plum and Watermelon set the tone — five colors that lean into creativity and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Carnation (#F2B8D2): A whisper-light, dusty rose — the color of a warm blush.
• Watermelon (#EF7366): A luminous, balanced orange — the color of toasted spice.
• Plum (#7B28AF): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#180011): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Warmth, Comfort, Energy, Balance. Tagged pastel, light, vibrant, warm.

Use it as a design system

One click turns Grape Field 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

• Patina Nightshade Canyon color palette (#FFE4EC, #F8ABDF, #EA7E8E, #4F33A5, #0E000D)
• Patina Alley color palette (#FFE9E5, #FAB1A6, #EA8433, #901B77, #1A0004)
• Misty Indigo Alley color palette (#FFDAE5, #FDA0B7, #ED8B1C, #5069D1, #2A021B)
• Linen Parlor color palette (#F0E3F7, #E26789, #B26C17, #263983, #12000C)
• Powdered Rust color palette (#E4E1F1, #FC7BAC, #C8433D, #4B2B6F, #2A0321)
• Muted Corridor color palette (#F1F2FF, #DBC5F7, #C77FB9, #0056B9, #0E0021)
• Dusty Hollow color palette (#F6E6E0, #D6656B, #5B4D00, #74001C, #020100)
• Hushed Thicket color palette (#FFF2ED, #E1D8CC, #F0CC84, #C25882, #421D12)

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