What are the hex codes in the Crisp Aquamarine & Peacock palette?

The Crisp Aquamarine & Peacock color palette consists of Ink #001728, Peacock #1D4F77, Steel Blue #4582A0, Aquamarine #97FDC0.

How should I use the Crisp Aquamarine & Peacock palette on a website?

Use Aquamarine #97FDC0 as the background, Ink #001728 for text, Peacock #1D4F77 for buttons and links, and Steel Blue #4582A0 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Aquamarine at 14.85:1.

Which colors in Crisp Aquamarine & Peacock have enough contrast for text?

The highest-contrast pair is #001728 on #97FDC0 with a ratio of 14.85:1, which passes WCAG AA for normal text.

#001728Ink

#1D4F77Peacock

#4582A0Steel Blue

#97FDC0Aquamarine

Crisp Aquamarine & Peacock color palette

Space Tech Dark Cold Black Teal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#001728`	`rgb(0, 23, 40)`	`hsl(206, 100%, 8%)`	`oklch(19.6% 0.046 242)`
Peacock	`#1D4F77`	`rgb(29, 79, 119)`	`hsl(207, 61%, 29%)`	`oklch(41.4% 0.086 246)`
Steel Blue	`#4582A0`	`rgb(69, 130, 160)`	`hsl(200, 40%, 45%)`	`oklch(57.8% 0.078 232)`
Aquamarine	`#97FDC0`	`rgb(151, 253, 192)`	`hsl(144, 96%, 79%)`	`oklch(91.6% 0.128 156)`

Why it works and how to use it

Crisp Aquamarine & Peacock is a vivid analogous color palette tagged space, tech, dark. Analogous neighbors on the wheel (Peacock, Steel Blue, Aquamarine) give it a natural, low-tension flow. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is cool.

With 3 chromatic colors, Peacock takes the lead while the rest support. Lightness runs from 8% to 79%. Well suited to a SaaS landing page or dashboard.

Background: Aquamarine (#97FDC0) is the lightest color, so it belongs on large surfaces.
Text: Ink (#001728) on #97FDC0 gives 14.85:1, passing WCAG AAA.
Primary: Peacock (#1D4F77) is the most saturated mid-tone; use it for buttons and links (7.03:1 against the background, fine for UI elements).
Accent: Steel Blue (#4582A0) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Aquamarine at 14.85:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Crisp Aquamarine & Peacock

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

#001728

#1D4F77

#4582A0

#97FDC0

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
`#001728` on `#97FDC0`	Aa	14.85:1	AAA
`#1D4F77` on `#97FDC0`	Aa	7.03:1	AAA
`#001728` on `#4582A0`	Aa	4.3:1	AA large only
`#4582A0` on `#97FDC0`	Aa	3.46:1	AA large only
`#001728` on `#1D4F77`	Aa	2.11:1	Fail
`#1D4F77` on `#4582A0`	Aa	2.03:1	Fail

:root {
  --ink: #001728;
  --peacock: #1D4F77;
  --steel-blue: #4582A0;
  --aquamarine: #97FDC0;
}

$ink: #001728;
$peacock: #1D4F77;
$steel-blue: #4582A0;
$aquamarine: #97FDC0;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'ink': '#001728',
        'peacock': '#1D4F77',
        'steel-blue': '#4582A0',
        'aquamarine': '#97FDC0',
      },
    },
  },
};

{
  "name": "Crisp Aquamarine & Peacock",
  "colors": [
    "#001728",
    "#1D4F77",
    "#4582A0",
    "#97FDC0"
  ]
}

background: linear-gradient(135deg, #001728, #1D4F77, #4582A0, #97FDC0);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-08-09 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood