Back to palettes

Palette

Abstract Geometric Canvas

A bold and dynamic palette bursting with primary colors, perfect for a modern, geometric art piece.

VibrantEnergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abstract Geometric Canvas reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Abstract Geometric Canvas.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#E6194B#3CB44B#FFE119#0082C8#F58231

Palette guide

How to use Abstract Geometric Canvas

Overview

The Abstract Geometric Canvas palette is a vibrant and dynamic collection bursting with primary colors, perfect for modern and playful designs. Featuring a bold Crimson Red (#E6194B), a lively Forest Green (#3CB44B), a brilliant Yellow (#FFE119), a deep Cerulean Blue (#0082C8), and a warm Orange (#F58231), this palette offers high impact and clear distinction. Designers and developers can leverage these energetic hues to create eye-catching branding, engaging digital interfaces, or striking abstract art. Its versatility allows for both sophisticated geometric compositions and lighthearted, playful applications, ensuring visual appeal and a memorable user experience across various projects, from web design to print media.

Best used for

  • Modern branding and logo development
  • Abstract digital art and illustrations
  • Vibrant UI/UX designs for interactive platforms
  • Educational content and children's media
  • Event posters and promotional materials
  • Geometric pattern design and textile prints

Suggested color roles

primary

#E6194B (Crimson Red) - Utilize this dominant red for key calls to action, important headings, or to establish a powerful, energetic focal point in your design.

secondary

#0082C8 (Cerulean Blue) - A strong, stable secondary color, excellent for primary navigation, background elements, or to provide a cool contrast to the warmer hues.

accent

#FFE119 (Yellow) - Deploy this brilliant yellow sparingly for highlights, interactive states, or small details that need to truly pop and draw immediate attention.

background

A clean, crisp white (#FFFFFF) or a very light gray (#F2F2F2) will allow the rich, saturated colors of this palette to stand out prominently.

text

For optimal readability, use a dark charcoal (#333333) or black (#000000) on light backgrounds, and pure white (#FFFFFF) on darker elements or backgrounds.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using #FFE119 (Yellow) for text on lighter backgrounds; dark text is recommended.
  • Avoid relying solely on color to convey information, particularly when contrasting #E6194B (Red) and #3CB44B (Green) for colorblind users.
  • Test all color combinations with a contrast checker to meet WCAG AA or AAA standards for both normal and large text.
  • Be cautious when placing #F58231 (Orange) on #FFE119 (Yellow) backgrounds, as their luminance can be too similar for good readability.

Recommended combinations

Primary Pop

Ideal for impactful hero sections, calls to action, or designs requiring strong, clear visual hierarchy.

#E6194B · #0082C8 · #FFE119

Playful Contrast

Great for abstract patterns, infographics, or playful elements that require distinct, high-contrast separation.

#3CB44B · #F58231 · #E6194B

Vibrant Accents

Use for UI elements, data visualization, or interactive components where clear differentiation and vibrancy are key.

#0082C8 · #FFE119 · #3CB44B

CSS variables

:root {
  --abstract-geometric-canvas-1: #E6194B;
  --abstract-geometric-canvas-2: #3CB44B;
  --abstract-geometric-canvas-3: #FFE119;
  --abstract-geometric-canvas-4: #0082C8;
  --abstract-geometric-canvas-5: #F58231;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abstract-geometric-canvas": {
        1: "#E6194B",
        2: "#3CB44B",
        3: "#FFE119",
        4: "#0082C8",
        5: "#F58231",
      }
    }
  }
}

Related searches

bright abstract design palettemodern primary color schemebold playful UI colorsenergetic geometric artvibrant branding palette

Palette colors

Hex values

Color 1#E6194B
·
Color 2#3CB44B
·
Color 3#FFE119
·
Color 4#0082C8
·
Color 5#F58231
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.5:1AA18
1.1:1Fail
1.8:1Fail
2
1.7:1Fail
2.1:1Fail
1.6:1Fail
1:1Fail
3
3.5:1AA18
2.1:1Fail
3.2:1AA18
2:1Fail
4
1.1:1Fail
1.6:1Fail
3.2:1AA18
1.6:1Fail
5
1.8:1Fail
1:1Fail
2:1Fail
1.6:1Fail

Similar palettes

More like Abstract Geometric Canvas

View all Vibrant
Abstract Brush Stroke
Vibrant Circus Tent
Abstract Canvas Stripe
Digital Circuit Matrix
Exotic Fruit Fiesta
Neon Arcade Blitz