Signature direction
A considered identity for a business that values enduring quality.
A considered calm and soft visual system for brands that value clarity, character and lasting recognition.
Calm visual identities work best when color supports the story instead of competing with it. Lavender Mist uses a disciplined relationship between deep structure and a focused accent.
Editorial expression meets practical clarity. Use the display face to create character, then let the body type do the quiet work.
Every detail is considered to build a visual identity that feels clear, confident and completely your own.
LABEL / 11DISCOVER THE COLLECTION →Buttons, forms, navigation and status states—all rendered in Lavender Mist.
A considered identity for a business that values enduring quality.
Strategy, identity and a website with purpose.
Considered care. Effortless confidence. Discover a collection shaped by purpose and refined through detail.
#5B5680 creates authority and structure while #B9B5EA introduces focus and distinction. The restrained surface colors provide breathing room and keep the system usable across content-heavy pages.
Use the accent for calls to action, highlights and small moments of focus.
Use the accent for long body text or large uninterrupted background areas.
Copy production-ready values, developer tokens, or print this complete visual direction for your project brief.
:root {
--primary: #5B5680;
--primary-foreground: #FFFFFF;
--secondary: #EFEEF2;
--accent: #B9B5EA;
--accent-foreground: #101010;
--background: #F8F7F4;
--foreground: #171716;
--surface: #EFEEEE;
--muted: #E2E0E4;
--border: #D4D2D9;
--success: #287A55;
--warning: #A76F16;
--danger: #B94343;
}
.dark {
--primary: #8884A3;
--primary-foreground: #101010;
--secondary: #22222B;
--accent: #B9B5EA;
--accent-foreground: #101010;
--background: #1D1C26;
--foreground: #F4F2ED;
--surface: #22222B;
--muted: #3F3F47;
--border: #4E4E55;
--success: #57B989;
--warning: #E1AE53;
--danger: #E47777;
}@theme {
--color-background: #F8F7F4;
--color-foreground: #171716;
--color-card: #EFEEEE;
--color-primary: #5B5680;
--color-secondary: #EFEEF2;
--color-muted: #E2E0E4;
--color-accent: #B9B5EA;
--color-destructive: #B94343;
--color-border: #D4D2D9;
--color-input: #D4D2D9;
--color-ring: #B9B5EA;
}Save Lavender Mist as your selected style and send the complete visual brief to Hyzan Tech.