Soft welcome hero
Palette rules
Color System
The palette should feel feminine, calm, and product-capable. Sand and white create clarity. Blush keeps warmth. Plum Espresso adds confidence and structure. Sage stays in a supporting role.
Next chapter
DM Serif Display for elegant headings and Manrope for clear, modern body text.
Continue to TypographySystem reference
Designed for soft confidence
Wroffer should feel welcoming at first glance, but it also needs enough grounding to read like an apparel brand rather than a pure wellness coaching brand. This palette adds stronger structure without losing softness.
Routine guidance rhythm
Low-pressure CTA
Core palette
Core palette
Most screens should feel controlled by light neutral surfaces, one feminine accent, one stronger grounding tone, and one support accent. The interface should feel polished and wearable, not decorative.
#F3D7DD
Soft Blush
Primary feminine warmth for welcoming emphasis, soft highlights, and brand recognition
#F4EEE7
Warm Sand
Base surface for calm reading comfort, product framing, and soft page grounding
#6E4C59
Plum Espresso
Grounding tone for brand confidence, premium depth, and apparel-oriented structure
#FFFFFF
White
Breathing room, clean forms, and quiet contrast
#A9CBB3
Sage
Support accent for positive progress, consistency cues, and affirming support states
Color roles
Role separation
Wroffer works best when each color has one job. Decorative overlap makes the brand feel less premium, less calm, and less product-confident.
Soft Blush
Warmth, welcome, feminine identity, and soft directional emphasis
Warm Sand
Editorial grounding, body reading, and clean product-support structure
Plum Espresso
Depth, navigation, premium structure, and apparel-brand confidence
White
Space, clarity, and simple form surfaces
Sage
Progress, encouragement, and positive habit cues
Shade system
Shade families
These ranges provide enough flexibility for landing pages, social creatives, product storytelling, onboarding flows, and guide pages without drifting away from the brand.
Blush scale
For warmth, welcome, and soft emphasis moments.
100 · #FCEDF0
200 · #F8E2E7
300 · #F3D7DD
400 · #E8BDC8
Neutral base
For page shells, cards, product framing, and long-form reading comfort.
050 · #FFFFFF
100 · #FBF7F1
200 · #F4EEE7
300 · #E6DBCF
Plum grounding
For navigation, structure, premium depth, and stronger apparel-brand confidence.
300 · #8C6876
400 · #6E4C59
500 · #563A46
600 · #402B35
Support accents
For positive reinforcement and soft support moments.
Sage · #A9CBB3
Blush tint · #F8E2E7
Deep text · #5C5351
Plum text · #6E4C59
Strict rules
Protect the balance
If every block competes for attention, the brand stops feeling premium. The palette should balance softness with structure, not collapse into either harshness or pastel overload.
Use soft colors as atmosphere, but anchor the system with one deeper tone so it does not drift into skincare or coaching territory.
Sand and white should do most of the page-level work so the interface feels calm, clean, and product-capable.
Plum Espresso should ground navigation, emphasis surfaces, and premium brand moments.
Sage should signal encouragement, progress, or reassurance rather than demand attention.
Avoid harsh neons, black-heavy gym palettes, or high-contrast red urgency states.
When a screen feels too busy, remove accents and return to sand, white, and one highlight color.
Practical application
Color in use
Assign the job of each color before building a page. That discipline is what makes Wroffer feel like a women’s fitness apparel brand with emotional warmth instead of either a harsh gym brand or a pastel wellness moodboard.
Hero and navigation surfaces
Use Plum Espresso to ground headers and navigation, then bring in sand and blush so the page feels premium, feminine, and product-ready instead of overly delicate.
Habit and progress modules
Keep cards light and breathable. Use Sage only for encouraging progress, milestones, or positive reinforcement.
Long-form and product-support sections
Sand and white should carry reading-heavy sections, while Plum Espresso can create stronger framing where product confidence or conversion needs more structure.
Campaign graphics
Natural photography, soft apparel tones, sand framing, and selective blush highlights create the strongest recurring Wroffer visual memory.
Designer guidance
How to use this system in future work
The mockups clarified that the strength of the system comes from disciplined application, not from adding more colors. Designers should follow these rules when creating future brand, campaign, or product work.
5-color system stays
Keep the palette disciplined: Soft Blush, Warm Sand, Plum Espresso, White, and Sage are enough. Do not solve weak compositions by adding more colors.
Light mode leads
Use the light composition as the primary brand expression for everyday product and brand work. It feels cleaner, more wearable, and more apparel-capable.
Dark mode is selective
Use the dark version as a premium campaign, presentation, or viewing mode. It should not become the everyday default mood for the brand.
Plum Espresso anchors
Plum Espresso is the key structural color. It should hold navigation, premium framing, and brand confidence together.
Sage stays secondary
Use Sage as a selective support accent for progress and reassurance. It should not become a dominant brand field.
Application beats swatches
The palette is not strongest as swatches alone. It becomes convincing when paired with clean layout, soft product UI, restrained typography, and real apparel-oriented compositions.