Brand.
Generated.
Same Feel.
Structure is always Dark Navy/Black.
Accent is Vibrant. Text is White.
MicrosoftGoogleAmazonSpotifyStripe
Logic Explained
We decouple "Identity" from "Structure". Your brand color (Accent) pops, while the Structure color recedes to frame the content.
Structure
Derived from Dominant Logo Color. Always Dark (L~0.25).
Accent
Derived from Secondary Logo Color. Always Vibrant (L~0.65).
Surface
Derived from Tertiary Logo Color. Always Pale (L~0.97).
Seamless Integration
The background of this section is the "Surface" color. It is a very faint tint of your tertiary brand color (or primary if Mono).
- ✔ Auto-calculated contrast
- ✔ Retina ready extraction
- ✔ WCAG compliant text
Simple Pricing
Notice how the "Pro" card uses the Structure color, creating deep contrast.