ColorSeed

Monochromatic · 2 colors · May 6, 2026

Temperate Vanilla Proportion

Create palette

Built on a chromatic meditation on a single color family, Temperate Vanilla Proportion unfolds a warm register that draws and holds. an uncompromising visual dramaturgy — an invitation to creativity and enthusiasm.

MonochromaticBrandingPrintPastelDarkMonochrome
#F1E1D4Couleur 1
RGB241 225 212HSL27 51 89
#1A0F07Couleur 2
RGB26 15 7HSL25 58 6

Palette Usage Guide

Application Scenarios

Interface Design

Combine #1a0f07 for text on #f1e1d4 background.

Emotional Impact

Built on a chromatic meditation on a single color family, Temperate Vanilla Proportion unfolds a warm register that draws and holds. an uncompromising visual dramaturgy — an invitation to creativity and enthusiasm.

Contrast Analysis
Text on Canvas

14.8:1

AAA

Secondary on Canvas

1:1

Fail

Accent on Base

14.8:1

AAA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :23 (Good)
#F1E1D4
DMC ECRU
Ecru
ΔE 17
#1A0F07
DMC 938
Coffee Brown Ul Dk
ΔE 29

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: #f1e1d4;
  --color-couleur-2: #1a0f07;
}
Tailwind
'temperate-vanilla-proportion': {
  200: '#f1e1d4',
  100: '#1a0f07',
}
JSON
{
  "name": "Temperate Vanilla Proportion",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f1e1d4"
    },
    {
      "name": "Couleur 2",
      "hex": "#1a0f07"
    }
  ]
}
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
1.28:1Fail
Black
16.46:1AAA
Couleur 2
White
18.83:1AAA
Black
1.12:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Temperate Vanilla Proportion

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

Warmth & Benevolence

Couleur 1 breathes the pale, balanced warmth of fired clay — a shade that is both reassuring and memorable. In its lighter tones, it sheds the heaviness of saturated orange to gain accessibility and human closeness.

ClosenessWarmthBenevolenceLifestyle
Couleur 2

Authenticity & Grounding

Couleur 2 commands the deep, balanced warmth of fired clay — a shade that is both reassuring and memorable. It evokes craftsmanship, raw materials, and tradition. Brands that adopt it communicate authenticity effortlessly.

AuthenticityCraftGroundingTradition
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 →