Pisoro · Brand v4
A navy parent brand with deep teal interaction, existing Figma product identities, and a restrained amber accent. Replaces the bright cyan proposal.
Open the implemented version · Compare every version · Verified native Figma color guidance
Light palette and usage
Parent brand / logo#05315CFigma navy. Use for the parent identity, headings and navigation.
Interaction / Piro#1C7983Figma deep teal. Use with white text for primary actions.
Quiet accent#ABCED1Figma pale aqua. Use for supporting shapes and dark-mode actions with navy text.
Warm accent#E5B675Proposed warm amber. Use sparingly, with navy text.
Section background#EDF4F5Soft paper, matching the existing main landing background.
Warm page background#F7F4EFRetains the earlier redesign’s warm neutral.
Muted text#526A7FReadable body text on white and warm backgrounds.
Borders#D8E3E8Light dividers and card outlines.
Dark palette
Page #061B30 · Surface #0B2B46 · Raised surface #123B57Text #EDF4F5 · Muted text #ADC2D1 · Border #31556F
Navy-derived surfaces preserve the parent brand. Each product page retains its own tinted dark identity.
Primary action Warm accent
Product identities
Piro#1C7983Pet owners · original Figma teal
Soro#87465EVeterinarians · original Figma mauve
Soro Plus#1088E4Clinics · original Figma blue
Piro Plus#05315CFarms · observed navy/blue/purple family; purple #6754CB is a provisional visual match
Validation and scope
Production build passed. 48 page/theme/viewport checks passed. Main text/action combinations have contrast ratios from 5.11:1 to 15.62:1; this is not a full accessibility audit. Logo shape is preserved; color variants are navy on light backgrounds and pale aqua on dark backgrounds.
This is a complete palette proposal and marketing-site comparison version. It inherits the earlier version’s incomplete detailed translations and pending production app URLs. Amber and dark shades are proposed extensions rather than existing Figma colors.