Skip to content
Back to overview

(03) Colors

(03)

Colors

Calm canvases do most of the work. One hot pink marks what matters, and the gradient is saved for one standout moment.

Download color tokens · ZIP, 5 KB

Brand pink

(3 colors)
Pink#F52560
Mark, key accents, large type
Pink ink#D6104A
Small pink text, button fills
Blush#FFF2F4
One friendly card per group

Dark neutrals

(3 colors)
Night#121212
Dark canvas
Night card#1A1A1A
Cards on dark
On night muted#A0A0A0
Secondary text on dark

Light neutrals

(5 colors)
Paper#FFFFFF
Light canvas
Paper card#F0F0F0
Mist cards, page
Paper line#EBEBEB
Hairlines, borders
Ink#252525
Text on light
Ink muted#656565
Secondary text on light

Signature gradient

(3 stops)

For one standout moment per piece: the hero title, the closing line or one thin edge around a hero screenshot. On type or hairlines, never as a large fill, on body text or on the logo.

Signature#FF0074 → #F500E9 → #5E88FE
Left to right, middle stop at 45%

Example: Welcome to
AdGeeks

Jelly pills

(4 gradients)

Glossy highlights for 1-3 key words in a statement headline. Never in body text.

AdGeeks work is fast, cross-functional and tool-heavy

Pink #FF8EBC → #F63A74Purple #CE80FB → #A335E3Coral #FB9279 → #E44339Sky #A3E6FF → #35AEF0

Balance

(per piece)

Canvas does most of the work. Pink, gradient and pills together stay under 10%.

Canvas: white or #121212Text and greys: 20-25%Pink, gradient and pills: under 10%

Contrast

(6 pairs)

White on pink reaches 3.9:1, so it needs large type. Smaller labels sit on pink ink.

PairRatioUse
Aa White on pink3.9:124px and up, or bold 19px and up
Aa White on pink ink5.2:1Any size - buttons, small labels
Aa Pink on white3.9:124px and up; below that use pink ink
Aa Pink on night4.7:1Any size - eyebrows on dark
Aa Ink muted on white5.8:1Lightest grey allowed on light
Aa Muted on night7.2:1Lightest grey allowed on dark