Monochromatic · 3 colors · May 2, 2026

Accompli & Rosemary

Accompli & Rosemary — an organic progression between hues bound by kinship. The palette develops a space of quiet contemplation and establishes a gentle yet readable progression. A chromatic vocabulary for clarity and openness.

MonochromaticDark Monochrome Gradient

#1D3433Couleur 1

RGB29 52 51HSL177 28 16

#3F5F5CCouleur 2

RGB63 95 92HSL174 20 31

#6096A3Couleur 3

RGB96 150 163HSL192 27 51

✦Palette Usage Guide

Application Scenarios

Interface Design

Combine #1d3433 for text on #6096a3 background.

Emotional Impact

Contrast Analysis

Text on Canvas

4:1

AA Large

Secondary on Canvas

2.1:1

Fail

Accent on Base

1.9:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Brand :

Average ΔE :32 (Approximate)

#1D3433

DMC 500

Blue Green Vy Dk

ΔE 20

#3F5F5C

DMC 502

Blue Green

ΔE 39

#6096A3

DMC 597

Turquoise

ΔE 37

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: #1d3433;
  --color-couleur-2: #3f5f5c;
  --color-couleur-3: #6096a3;
}

Tailwind

'accompli-rosemary': {
  300: '#1d3433',
  200: '#3f5f5c',
  100: '#6096a3',
}

JSON

{
  "name": "Accompli & Rosemary",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#1d3433"
    },
    {
      "name": "Couleur 2",
      "hex": "#3f5f5c"
    },
    {
      "name": "Couleur 3",
      "hex": "#6096a3"
    }
  ]
}

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

13.2:1AAA

Black

1.59:1Fail

Couleur 2

White

6.99:1AA

Black

3:1AA Large

Couleur 3

White

3.29:1AA Large

Black

6.39:1AA

Brand Design

Identity Visuals

Icon Application

Typography Pairing

Accompli & Rosemary

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

Depth & Mystery

Couleur 1 commands the silent depth of the ocean floor — a deep, quiet hue at the boundary of blue and green. Rare and sophisticated, it evokes a quiet wisdom and accessible mystery. It commands without aggression.

MysteryDepthWisdomSophistication

Couleur 2

Depth & Mystery

Couleur 2 anchors the silent depth of the ocean floor — a dark, quiet hue at the boundary of blue and green. Rare and sophisticated, it evokes a quiet wisdom and accessible mystery. It commands without aggression.

MysteryDepthWisdomSophistication

Couleur 3

Serenity & Lightness

Couleur 3 is a medium, quiet cyan positioned midway between blue's analytical rigor and green's vitality. More airy, it reduces cognitive friction and eases exploration. The shade of interfaces that guide without imposing.

SerenityLightnessClarityGuidance

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 →