Generate Palette
  1. Colors palettes
  2. Frontend Harmony Pattern Suite
Created at 07/08/2025 08:27
bycolorstudio
  6

Frontend Harmony Pattern Suite

  • Harmony Peach
    #ffd6ba
  • Balance Blue
    #a2c5ac
  • Structure Graphite
    #2d2a32
  • Accent Lavender
    #b9fbc0
  • White Surface
    #fafafa
The palette consists of Light, Dark colors. Accent colors Harmony Peach #ffd6ba and Structure Graphite #2d2a32. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #2D2A32 (darkest) to #FAFAFA (lightest). The lightness range is wide.

Overall saturation feels mostly muted (lower chroma).

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #2D2A32, #A2C5AC, #B9FBC0, #FAFAFA, #FFD6BA

Palette Frontend Harmony Pattern Suite has combination of 5 codes colors:
HEX: #ffd6ba, RGB: (255, 214, 186); HEX: #a2c5ac, RGB: (162, 197, 172); HEX: #2d2a32, RGB: (45, 42, 50)
HEX: #b9fbc0, RGB: (185, 251, 192); HEX: #fafafa, RGB: (250, 250, 250)
Simplified version of palette colors
Tint of peachpuff, Shade of darkseagreen, Shade of Black, Shade of palegreen, Shade of whitesmoke
Color scheme was created by colorstudio

Colors codes in palette

Frontend Harmony Pattern Suite color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffd6ba #ffd6ba RGB(255, 214, 186)Harmony Peach—
#a2c5ac #a2c5ac RGB(162, 197, 172)Balance Blue—
#2d2a32 #2d2a32 RGB(45, 42, 50)Structure Graphite—
#b9fbc0 #b9fbc0 RGB(185, 251, 192)Accent Lavender—
#fafafa #fafafa RGB(250, 250, 250)White SurfaceDr. White

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffd6ba
#a2c5ac
1.4
#ffd6ba
#b9fbc0
1.13
#ffd6ba
#fafafa
1.29
#a2c5ac
#b9fbc0
1.58
#a2c5ac
#fafafa
1.8
#b9fbc0
#fafafa
1.14

Image palette Frontend Harmony Pattern Suite png

Frontend Harmony Pattern Suite - #554265
 Download image