Structure is always Dark Navy/Black.
Accent is Vibrant. Text is White.
We decouple "Identity" from "Structure". Your brand color (Accent) pops, while the Structure color recedes to frame the content.
Derived from Dominant Logo Color. Always Dark (L~0.25).
Derived from Secondary Logo Color. Always Vibrant (L~0.65).
Derived from Tertiary Logo Color. Always Pale (L~0.97).
The background of this section is the "Surface" color. It is a very faint tint of your tertiary brand color (or primary if Mono).
Notice how the "Pro" card uses the Structure color, creating deep contrast.
Structure is always Dark Navy/Black.
Accent is Vibrant. Text is White.
We decouple "Identity" from "Structure". Your brand color (Accent) pops, while the Structure color recedes to frame the content.
Derived from Dominant Logo Color. Always Dark (L~0.25).
Derived from Secondary Logo Color. Always Vibrant (L~0.65).
Derived from Tertiary Logo Color. Always Pale (L~0.97).
The background of this section is the "Surface" color. It is a very faint tint of your tertiary brand color (or primary if Mono).
Notice how the "Pro" card uses the Structure color, creating deep contrast.
Uses ColorThief + HSV Filter + OKLCH Hue.