Vanilla Field color palette — #FFF1F5 · #FAE7B8 · #E5D6D4 · #A0AFD7 · #5F4748

Peach Cream takes the lead with Mauve close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Peach Cream (#FAE7B8): A whisper-light, dusty gold — the color of old brass.
• Bone (#E5D6D4): a clean, paper-quiet neutral.
• Mauve (#A0AFD7): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#5F4748): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Celadon Grove color palette (#FFF1F3, #E5DDC6, #CDE681, #CD90C9, #4B4440)
• Pale Chartreuse Corridor color palette (#DCE7F2, #AEE600, #CDBAFF, #6F5661, #34292E)
• Lilac Atelier color palette (#FFF0FB, #FFD6D1, #FFC969, #A789E9, #592338)
• Ancient Sand color palette (#FFF2EB, #F4C79B, #D49D8C, #A67C75, #403D36)
• Antique Ridge color palette (#FFF2F0, #FF91BB, #52BED1, #579CA9, #402D2B)
• Celadon Loft color palette (#FFF1F1, #BBE595, #BA7FA5, #805658, #2B1E1E)
• Patina Cobalt color palette (#F3EFFF, #F1CFDE, #F1B294, #7570B2, #362D41)
• Hazy Apricot color palette (#FFF3E8, #FF9E64, #49B39A, #328E79, #38232A)

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