ColorSeed

Monochromatic · 3 colors · April 30, 2026

Bokara Grey

Create palette

Born from "Bokara Grey", Bokara Grey explores an organic progression between hues bound by kinship. Within it, an elegant and restrained refinement, crossed by a contrast that cuts and asserts.

MonochromaticWebPrintMonochromeMinimal
#2C2A28Couleur 1
RGB44 42 40HSL30 5 16
#94918BCouleur 2
RGB148 145 139HSL40 4 56
#DCDBD8Couleur 3
RGB220 219 216HSL45 5 85

Palette Usage Guide

Application Scenarios

Interface Design

Combine #2c2a28 for text on #dcdbd8 background.

Emotional Impact

Born from "Bokara Grey", Bokara Grey explores an organic progression between hues bound by kinship. Within it, an elegant and restrained refinement, crossed by a contrast that cuts and asserts.

Contrast Analysis
Text on Canvas

10.3:1

AAA

Secondary on Canvas

2.3:1

Fail

Accent on Base

4.5:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :33 (Approximate)
#2C2A28
DMC 898
Coffee Brown V Dk
ΔE 41
#94918B
DMC 318
Steel Gray Light
ΔE 42
#DCDBD8
DMC 762
Pearl Gray Vy Lt
ΔE 17

Approximate sRGB matches — request a physical color card from each brand before purchasing.

Technical Specs

Developer Assets

Developer handoff assets with copyable code blocks for design systems.

CSS
:root {
  --color-couleur-1: #2c2a28;
  --color-couleur-2: #94918b;
  --color-couleur-3: #dcdbd8;
}
Tailwind
'bokara-grey': {
  300: '#2c2a28',
  200: '#94918b',
  100: '#dcdbd8',
}
JSON
{
  "name": "Bokara Grey",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#2c2a28"
    },
    {
      "name": "Couleur 2",
      "hex": "#94918b"
    },
    {
      "name": "Couleur 3",
      "hex": "#dcdbd8"
    }
  ]
}
Export Image
Design Tokens

Design Tokens Export

W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.

Go Pro
Accessibility

Contrast Ratios

Each color vs. white background

Couleur 1
White
14.3:1AAA
Black
1.47:1Fail
Couleur 2
White
3.14:1AA Large
Black
6.68:1AA
Couleur 3
White
1.38:1Fail
Black
15.17:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Bokara Grey

The intersection of form and function reveals the palette in all its depth. Every hue is intentional, every space is a breath.

· Display · Body
UI Components
Buttons
Active

Surface Card

System element

Emotional Resonance

Color Psychology

Couleur 1

Structure & Gravity

Couleur 1 brings the density of black with increased breathability — deep and muted, it anchors compositions and lends them architectural depth.

DepthStructureProfessionalismGrounding
Couleur 2

Neutrality & Mediation

Couleur 2 is visual silence par excellence — light and muted, it never takes sides and lets other colors express themselves while maintaining systemic coherence.

NeutralityCoherenceSilenceBalance
Couleur 3

Purity & Timelessness

Couleur 3 represents the blank page — pale and muted, it evokes transparency and honesty. In luxury as in tech, it signifies the essential stripped of the superfluous.

PurityMinimalismClarityTimelessness
Visual Atmosphere

Moodboard

No images found

Export

Brand PDF

Premium Brand Guidelines document with palette, color psychology and moodboard.

PDF Brand Identity Export

7 premium pages: Cover · Palette · Detail · Typography · Usage Guide

Go Pro
Create your own palette on ColorSeed →