Skip to content
Resource library

Color & identity

Compare color palettes for websites, portfolios and brand presentations, from warm earth tones to vivid pinks and dark digital colors. Open a palette to inspect its swatches, copy individual HEX values or export the complete set as CSS variables. Use the accompanying notes to choose a direction and test how the colors work with your content.

3 entries

Color palette

Better Pinks than Pink

Explore this pink color palette for websites, apps and creative projects. Use it as a starting point for your next design and adapt the combination to suit your content and visual style. Compare the swatches to find colors for backgrounds, text and accents. Try different combinations, adjust their proportions and check contrast wherever readability matters. The palette can support a complete visual direction or provide individual colors for an existing design. Copy the HEX values directly from the swatches or download the palette as CSS variables. Bring the colors into your preferred design tool or stylesheet and refine them as your project develops.
PinkWarmPastel
Color palette

Midnight Electric

Explore this blue color palette for websites, apps and creative projects. Use it as a starting point for your next design and adapt the combination to suit your content and visual style. Compare the swatches to find colors for backgrounds, text and accents. Try different combinations, adjust their proportions and check contrast wherever readability matters. The palette can support a complete visual direction or provide individual colors for an existing design. Copy the HEX values directly from the swatches or download the palette as CSS variables. Bring the colors into your preferred design tool or stylesheet and refine them as your project develops.
BlueDarkDigital
Color palette

Earth & Clay

Explore this earth tone color palette for websites, apps and creative projects. Use it as a starting point for your next design and adapt the combination to suit your content and visual style. Compare the swatches to find colors for backgrounds, text and accents. Try different combinations, adjust their proportions and check contrast wherever readability matters. The palette can support a complete visual direction or provide individual colors for an existing design. Copy the HEX values directly from the swatches or download the palette as CSS variables. Bring the colors into your preferred design tool or stylesheet and refine them as your project develops.
WarmNaturalBranding