color palettesKlein mint
Bold
A crisp blue against mint paper.
Project / A considered starting point
Portfolio websites color palettes.
Choose colors that frame your work, distinguish navigation and keep project descriptions comfortable to read.
The collection
Original sRGB combinations. Each detail page includes website roles, CSS and measured pairs.
Apricot royal
Bold
Royal violet warmed by apricot paper.
Blue hydrangea
Soft
Powder blue and pale violet in balance.
Mauve seafoam
Soft
Mauve lettering and a seafoam lift.
Rose quartz
Soft
Tonal rose with enough depth to read.
Ink apricot
Dark
Inky blue with warm apricot light.
Plum copper
Dark
Dark plum with a copper-colored detail.
Carbon peach
Dark
Carbon neutrals with a single warm note.
Cedar rose
Warm
Cedar neutrals with a dusky rose accent.
Warm walnut blue
Warm
Walnut neutrals with a cool blue interval.
Stone lilac
Minimal
Stone whites with a lilac undertone.
Pearl aubergine
Minimal
Pearl whites with an aubergine trace.
White espresso
Minimal
Bright paper with espresso-colored details.
Make the colors work
More than a set of swatches.
Let the work set the saturation budget
A portfolio of vivid illustrations often benefits from restrained surfaces. A text-led portfolio can support a stronger accent. Compare the same representative project image against a light and a dark option before selecting a direction.
Use repetition to create identity
A consistent action color, caption treatment and spacing system usually contributes more than a different accent on every project page. Keep project-specific color inside the work itself unless the changing navigation is intentional and remains understandable.
Plan for longer case studies
The homepage is only one state. Check captions, inline links, quotations, forms and the contact action on the longer pages. The studio’s article preview helps expose a palette that looks convincing as swatches but becomes tiring or unclear around substantial text.