Generate Palette
  1. Colors palettes
  2. MochaNote UI
Created at 05/28/2025 09:37
bycolorday
  6

MochaNote UI

  • Primary Cocoa
    #7c3f2c
  • Secondary Cream
    #fdebc8
  • Accent Olive
    #84cc16
  • Background Biscuit
    #fff7ed
  • Surface Shell
    #f5f5dc
  • Text Brown
    #2c1608
The palette consists of Light, Dark colors. Accent colors Secondary Cream #fdebc8 and Background Biscuit #fff7ed. Palette has Warm, Neutral colors temperature.

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

Overall saturation feels vivid (higher chroma).

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #2C1608, #7C3F2C, #84CC16, #F5F5DC, #FDEBC8, #FFF7ED

Palette MochaNote UI has combination of 6 codes colors:
HEX: #7c3f2c, RGB: (124, 63, 44); HEX: #fdebc8, RGB: (253, 235, 200); HEX: #84cc16, RGB: (132, 204, 22)
HEX: #fff7ed, RGB: (255, 247, 237); HEX: #f5f5dc, RGB: (245, 245, 220); HEX: #2c1608, RGB: (44, 22, 8)
Simplified version of palette colors
Tint of saddlebrown, Tint of blanchedalmond, Tint of Yellowgreen, Tint of floralwhite, Shade of Black
Color scheme was created by colorday

Colors codes in palette

MochaNote UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#7c3f2c #7c3f2c RGB(124, 63, 44)Primary Cocoa—
#fdebc8 #fdebc8 RGB(253, 235, 200)Secondary Cream—
#84cc16 #84cc16 RGB(132, 204, 22)Accent Olive—
#fff7ed #fff7ed RGB(255, 247, 237)Background BiscuitFatback
#f5f5dc #f5f5dc RGB(245, 245, 220)Surface ShellHoly White
#2c1608 #2c1608 RGB(44, 22, 8)Text BrownZinnwaldite Brown

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fdebc8
#84cc16
1.68
#fdebc8
#fff7ed
1.1
#fdebc8
#f5f5dc
1.06
#84cc16
#fff7ed
1.86
#84cc16
#f5f5dc
1.78
#fff7ed
#f5f5dc
1.04

Image palette MochaNote UI png

MochaNote UI - #549784
 Download image