App react native startup design colors palette

  • Coconut
    #8e6039
  • Dark Vanilla
    #d9baa0
  • Dark Brown
    #5e3f25
  • Pale Brown
    #9a7a57
  • Laurel Green
    #a7b6a2
  • Outer Space
    #444c44
  98
Created at 03/19/2023 20:27
The palette consists of Semi dark, Light colors. Accent colors Dark Vanilla #d9baa0 and Dark Brown #5e3f25. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #5E3F25 (darkest) to #D9BAA0 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 29% across the palette.

The hues stay in one region of the color wheel, spanning about 78°.

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

HEX codes (sorted): #444C44, #5E3F25, #8E6039, #9A7A57, #A7B6A2, #D9BAA0

Palette App react native startup design colors palette combines 6 color codes:
HEX: #8e6039, RGB: (142, 96, 57); HEX: #d9baa0, RGB: (217, 186, 160); HEX: #5e3f25, RGB: (94, 63, 37)
HEX: #9a7a57, RGB: (154, 122, 87); HEX: #a7b6a2, RGB: (167, 182, 162); HEX: #444c44, RGB: (68, 76, 68)
Simplified version of palette colors
Tint of Sienna, Tint of Tan, Shade of Saddle Brown, Shade of Peru, Tint of Dark Sea Green, Tint of Dark Slate Gray
Color scheme was created by raccoon

Color codes in palette

App react native startup design colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#8e6039#8e6039RGB(142, 96, 57)Coconut—
#d9baa0#d9baa0RGB(217, 186, 160)Dark Vanilla—
#5e3f25#5e3f25RGB(94, 63, 37)Dark Brown—
#9a7a57#9a7a57RGB(154, 122, 87)Pale Brown—
#a7b6a2#a7b6a2RGB(167, 182, 162)Laurel Green—
#444c44#444c44RGB(68, 76, 68)Outer Space—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#8e6039
#5e3f25
1.75
#8e6039
#9a7a57
1.36
#8e6039
#444c44
1.64
#d9baa0
#a7b6a2
1.16
#5e3f25
#444c44
1.06
#9a7a57
#a7b6a2
1.86

Image palette App react native startup design colors palette png