Generate Palette
  1. Colors palettes
  2. Cognitive Web App UI Patterns
Created at 07/05/2025 13:08
byraccoon
  11

Cognitive Web App UI Patterns

  • Semantic Cream
    #fff8e7
  • Neural Ink
    #1c1c1e
  • Cognition Sky
    #b3e5fc
  • Memory Violet
    #c9a0dc
  • Recognition Green
    #a2f4c3
  • Component Charcoal
    #2f2f2f
The palette consists of Light, Dark colors. Accent colors Semantic Cream #fff8e7 and Cognition Sky #b3e5fc. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #1C1C1E (darkest) to #FFF8E7 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #1C1C1E, #2F2F2F, #A2F4C3, #B3E5FC, #C9A0DC, #FFF8E7

Palette Cognitive Web App UI Patterns has combination of 6 codes colors:
HEX: #fff8e7, RGB: (255, 248, 231); HEX: #1c1c1e, RGB: (28, 28, 30); HEX: #b3e5fc, RGB: (179, 229, 252)
HEX: #c9a0dc, RGB: (201, 160, 220); HEX: #a2f4c3, RGB: (162, 244, 195); HEX: #2f2f2f, RGB: (47, 47, 47)
Simplified version of palette colors
Shade of oldlace, Shade of Black, Shade of lightblue, Tint of plum, Shade of aquamarine, Shade of Black
Color scheme was created by raccoon

Colors codes in palette

Cognitive Web App UI Patterns color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fff8e7 #fff8e7 RGB(255, 248, 231)Semantic CreamCosmic Latte
#1c1c1e #1c1c1e RGB(28, 28, 30)Neural Ink—
#b3e5fc #b3e5fc RGB(179, 229, 252)Cognition Sky—
#c9a0dc #c9a0dc RGB(201, 160, 220)Memory VioletAutumn Wisteria
#a2f4c3 #a2f4c3 RGB(162, 244, 195)Recognition Green—
#2f2f2f #2f2f2f RGB(47, 47, 47)Component Charcoal—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fff8e7
#b3e5fc
1.27
#fff8e7
#a2f4c3
1.21
#1c1c1e
#2f2f2f
1.27
#b3e5fc
#c9a0dc
1.62
#b3e5fc
#a2f4c3
1.04
#c9a0dc
#a2f4c3
1.7

Image palette Cognitive Web App UI Patterns png

Cognitive Web App UI Patterns - #553788
 Download image