Generate Palette
  1. Color Palettes
  2. Ui design landing page architecture blog colors palette

Ui design landing page architecture blog colors palette

  • Steel Blue
    #368cb4
  • Cornflower
    #97d2dc
  • Café Noir
    #4c2c1c
  • Steel Teal
    #598094
  • Dark Sky Blue
    #98bccc
  • Royal Brown
    #53392b
  69
Created at 03/07/2023 13:59
byraccoon
The palette consists of Light, Dark, Semi dark colors. Accent colors Steel Blue #368cb4 and Café Noir #4c2c1c. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #4C2C1C (darkest) to #97D2DC (lightest). The lightness range is moderate.

Saturation is mixed — 1 muted and 1 vivid out of 6 colors.

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

Overall temperature among swatches leans cool (4 of 6).

HEX codes (sorted): #368CB4, #4C2C1C, #53392B, #598094, #97D2DC, #98BCCC

Palette Ui design landing page architecture blog colors palette combines 6 color codes:
HEX: #368cb4, RGB: (54, 140, 180); HEX: #97d2dc, RGB: (151, 210, 220); HEX: #4c2c1c, RGB: (76, 44, 28)
HEX: #598094, RGB: (89, 128, 148); HEX: #98bccc, RGB: (152, 188, 204); HEX: #53392b, RGB: (83, 57, 43)
Simplified version of palette colors
Tint of Steel Blue, Shade of Powder Blue, Tint of Maroon, Shade of Slate Gray, Shade of Sky Blue, Shade of Saddle Brown
Color scheme was created by raccoon

Color codes in palette

Ui design landing page architecture blog colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#368cb4 #368cb4 RGB(54, 140, 180)Steel Blue—
#97d2dc #97d2dc RGB(151, 210, 220)Cornflower—
#4c2c1c #4c2c1c RGB(76, 44, 28)Café Noir—
#598094 #598094 RGB(89, 128, 148)Steel Teal—
#98bccc #98bccc RGB(152, 188, 204)Dark Sky Blue—
#53392b #53392b RGB(83, 57, 43)Royal Brown—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#368cb4
#598094
1.12
#368cb4
#98bccc
1.86
#97d2dc
#98bccc
1.2
#4c2c1c
#53392b
1.18

Image palette Ui design landing page architecture blog colors palette png

Ui design landing page architecture blog colors palette: Steel Blue, Cornflower, Café Noir, Steel Teal, Dark Sky Blue
 Download image