What are the hex codes in the Periwinkle & Dove Gray Path palette?

The Periwinkle & Dove Gray Path color palette consists of Onyx #35353B, Dove Gray #6B6A7B, Periwinkle #DCD4FF, Frost #EEEDF9.

How should I use the Periwinkle & Dove Gray Path palette on a website?

Use Frost #EEEDF9 as the background, Onyx #35353B for text, Periwinkle #DCD4FF for buttons and links, and Dove Gray #6B6A7B for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Onyx on Frost at 10.51:1.

Which colors in Periwinkle & Dove Gray Path have enough contrast for text?

The highest-contrast pair is #35353B on #EEEDF9 with a ratio of 10.51:1, which passes WCAG AA for normal text.

#35353BOnyx

#6B6A7BDove Gray

#DCD4FFPeriwinkle

#EEEDF9Frost

Periwinkle & Dove Gray Path color palette

Tech Minimal Gray White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Onyx	`#35353B`	`rgb(53, 53, 59)`	`hsl(240, 5%, 22%)`	`oklch(33.1% 0.010 286)`
Dove Gray	`#6B6A7B`	`rgb(107, 106, 123)`	`hsl(244, 7%, 45%)`	`oklch(53.1% 0.026 288)`
Periwinkle	`#DCD4FF`	`rgb(220, 212, 255)`	`hsl(251, 100%, 92%)`	`oklch(89.0% 0.059 294)`
Frost	`#EEEDF9`	`rgb(238, 237, 249)`	`hsl(245, 50%, 95%)`	`oklch(95.0% 0.016 290)`

Why it works and how to use it

Periwinkle & Dove Gray Path is a neutral-based color palette tagged tech, minimal, gray. Built almost entirely from neutrals, with Periwinkle (#DCD4FF) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.

Two of the four colors are near-neutral, which leaves room for Periwinkle to lead. Lightness runs from 22% to 95%. Well suited to a SaaS landing page or dashboard.

Background: Frost (#EEEDF9) is the lightest color, so it belongs on large surfaces.
Text: Onyx (#35353B) on #EEEDF9 gives 10.51:1, passing WCAG AAA.
Primary: Periwinkle (#DCD4FF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dove Gray (#6B6A7B) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Onyx on Frost at 10.51:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Periwinkle & Dove Gray Path

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#35353B

#6B6A7B

#DCD4FF

#EEEDF9

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#35353B` on `#EEEDF9`	Aa	10.51:1	AAA
`#35353B` on `#DCD4FF`	Aa	8.65:1	AAA
`#6B6A7B` on `#EEEDF9`	Aa	4.56:1	AA
`#6B6A7B` on `#DCD4FF`	Aa	3.75:1	AA large only
`#35353B` on `#6B6A7B`	Aa	2.3:1	Fail
`#DCD4FF` on `#EEEDF9`	Aa	1.22:1	Fail

:root {
  --onyx: #35353B;
  --dove-gray: #6B6A7B;
  --periwinkle: #DCD4FF;
  --frost: #EEEDF9;
}

$onyx: #35353B;
$dove-gray: #6B6A7B;
$periwinkle: #DCD4FF;
$frost: #EEEDF9;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'onyx': '#35353B',
        'dove-gray': '#6B6A7B',
        'periwinkle': '#DCD4FF',
        'frost': '#EEEDF9',
      },
    },
  },
};

{
  "name": "Periwinkle & Dove Gray Path",
  "colors": [
    "#35353B",
    "#6B6A7B",
    "#DCD4FF",
    "#EEEDF9"
  ]
}

background: linear-gradient(135deg, #35353B, #6B6A7B, #DCD4FF, #EEEDF9);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2026-04-12 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood