Generate Palette
  1. Color Palettes
  2. Component Driven Frontend Suite

Component Driven Frontend Suite

  • Blueprint Cyan
    #38b6ff
  • Atomic Orange
    #ff914d
  • Styled Graphite
    #333537
  • DOM Ivory
    #fffaf0
  • Stateful Lilac
    #d4a5ff
  6
Created at 07/08/2025 08:28
bycolorstudio
The palette consists of Light, Semi dark colors. Accent colors DOM Ivory #fffaf0 and Stateful Lilac #d4a5ff. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #333537 (darkest) to #FFFAF0 (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 80% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 5).

HEX codes (sorted): #333537, #38B6FF, #D4A5FF, #FF914D, #FFFAF0

Palette Component Driven Frontend Suite combines 5 color codes:
HEX: #38b6ff, RGB: (56, 182, 255); HEX: #ff914d, RGB: (255, 145, 77); HEX: #333537, RGB: (51, 53, 55)
HEX: #fffaf0, RGB: (255, 250, 240); HEX: #d4a5ff, RGB: (212, 165, 255)
Simplified version of palette colors
Tint of deepskyblue, Shade of sandybrown, Tint of Black, Tint of plum
Color scheme was created by colorstudio

Color codes in palette

Component Driven Frontend Suite color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#38b6ff #38b6ff RGB(56, 182, 255)Blueprint Cyan—
#ff914d #ff914d RGB(255, 145, 77)Atomic Orange—
#333537 #333537 RGB(51, 53, 55)Styled Graphite—
#fffaf0 #fffaf0 RGB(255, 250, 240)DOM IvoryFloralwhite
#d4a5ff #d4a5ff RGB(212, 165, 255)Stateful Lilac—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#38b6ff
#ff914d
1.01
#38b6ff
#d4a5ff
1.14
#ff914d
#d4a5ff
1.12
#fffaf0
#d4a5ff
1.89

Image palette Component Driven Frontend Suite png

Component Driven Frontend Suite - #554268
 Download image