MochaNote UI
- Primary Cocoa#7c3f2c
- Secondary Cream#fdebc8
- Accent Olive#84cc16
- Background Biscuit#fff7ed
- Surface Shell#f5f5dc
- Text Brown#2c1608
Created at 05/28/2025 09:37
The palette consists of Semi dark, Light, Dark colors. Accent colors Secondary Cream #fdebc8 and Background Biscuit #fff7ed. Palette has Warm, Cool, 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) — 83% of colors are vivid.
The hues stay in one region of the color wheel, spanning about 69°.
Overall temperature among swatches leans warm (3 of 6).
HEX codes (sorted): #2C1608, #7C3F2C, #84CC16, #F5F5DC, #FDEBC8, #FFF7ED
Palette MochaNote UI combines 6 color codes:
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
Shade of Saddle Brown, Shade of Blanched Almond, Shade of Yellow Green, Shade of Floral White, Beige, Tint of Black
Color scheme was created by colorday
Color 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 Biscuit | Fatback |
| #f5f5dc | #f5f5dc | RGB(245, 245, 220) | Surface Shell | Beige |
| #2c1608 | #2c1608 | RGB(44, 22, 8) | Text Brown | Zinnwaldite 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
Export Palette
Download the "MochaNote UI" in multiple formats for seamless integration into your design projects.
Available formats: