Generate Palette
  1. Colors palettes
  2. ClarityPlan Flow
Created at 05/28/2025 09:38
bycolorstudio
  26

ClarityPlan Flow

Primary Cool Gray
#6b7280
Secondary Soft Gray
#d1d5db
Accent Violet
#8b5cf6
Background Paper
#f3f4f6
Surface White
#ffffff
Text Slate
#1e293b
The palette consists of Light, Dark colors. Accent colors Accent Violet #8b5cf6 and Text Slate #1e293b. Palette has Cool, Neutral colors temperature.

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

Overall saturation feels mostly muted (lower chroma).

Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.

Overall temperature among swatches leans cool.

HEX codes (sorted): #1E293B, #6B7280, #8B5CF6, #D1D5DB, #F3F4F6, #FFFFFF

Palette ClarityPlan Flow has combination of 6 codes colors:
HEX: #6b7280, RGB: (107, 114, 128); HEX: #d1d5db, RGB: (209, 213, 219); HEX: #8b5cf6, RGB: (139, 92, 246)
HEX: #f3f4f6, RGB: (243, 244, 246); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1e293b, RGB: (30, 41, 59)
Simplified version of palette colors
Tint of slategrey, Shade of lightgrey, Tint of mediumslateblue, Tint of whitesmoke, White, Shade of midnightblue
Color scheme was created by colorstudio

Colors codes in palette

ClarityPlan Flow color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#6b7280 #6b7280 RGB(107, 114, 128)Primary Cool Gray—
#d1d5db #d1d5db RGB(209, 213, 219)Secondary Soft Gray—
#8b5cf6 #8b5cf6 RGB(139, 92, 246)Accent Violet—
#f3f4f6 #f3f4f6 RGB(243, 244, 246)Background Paper—
#ffffff #ffffff RGB(255, 255, 255)Surface WhiteWhite
#1e293b #1e293b RGB(30, 41, 59)Text Slate—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#6b7280
#8b5cf6
1.14
#d1d5db
#f3f4f6
1.33
#d1d5db
#ffffff
1.47
#f3f4f6
#ffffff
1.1

Image palette ClarityPlan Flow png

ClarityPlan Flow - #549787
 Download image