What are the hex codes in the Circuit Cantaloupe & Heather palette?

The Circuit Cantaloupe & Heather color palette consists of Ink #1A1C2D, Heather #A8ADCA, Cantaloupe #FFAA41, Smoke #F6F7FF.

How should I use the Circuit Cantaloupe & Heather palette on a website?

Use Smoke #F6F7FF as the background, Ink #1A1C2D for text, Cantaloupe #FFAA41 for buttons and links, and Heather #A8ADCA for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Smoke at 15.76:1.

Which colors in Circuit Cantaloupe & Heather have enough contrast for text?

The highest-contrast pair is #1A1C2D on #F6F7FF with a ratio of 15.76:1, which passes WCAG AA for normal text.

#1A1C2DInk

#A8ADCAHeather

#FFAA41Cantaloupe

#F6F7FFSmoke

Circuit Cantaloupe & Heather color palette

Tech Minimal Orange White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#1A1C2D`	`rgb(26, 28, 45)`	`hsl(234, 27%, 14%)`	`oklch(23.3% 0.033 278)`
Heather	`#A8ADCA`	`rgb(168, 173, 202)`	`hsl(231, 24%, 73%)`	`oklch(75.3% 0.042 278)`
Cantaloupe	`#FFAA41`	`rgb(255, 170, 65)`	`hsl(33, 100%, 63%)`	`oklch(80.4% 0.152 68)`
Smoke	`#F6F7FF`	`rgb(246, 247, 255)`	`hsl(233, 100%, 98%)`	`oklch(97.8% 0.011 280)`

Why it works and how to use it

Circuit Cantaloupe & Heather is a vivid complementary color palette tagged tech, minimal, orange. Ink and Cantaloupe sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

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

Background: Smoke (#F6F7FF) is the lightest color, so it belongs on large surfaces.
Text: Ink (#1A1C2D) on #F6F7FF gives 15.76:1, passing WCAG AAA.
Primary: Cantaloupe (#FFAA41) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Heather (#A8ADCA) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Smoke at 15.76:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Circuit Cantaloupe & Heather

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

#1A1C2D

#A8ADCA

#FFAA41

#F6F7FF

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
`#1A1C2D` on `#F6F7FF`	Aa	15.76:1	AAA
`#1A1C2D` on `#FFAA41`	Aa	8.88:1	AAA
`#1A1C2D` on `#A8ADCA`	Aa	7.61:1	AAA
`#A8ADCA` on `#F6F7FF`	Aa	2.07:1	Fail
`#FFAA41` on `#F6F7FF`	Aa	1.78:1	Fail
`#A8ADCA` on `#FFAA41`	Aa	1.17:1	Fail

Similar palettes 24 more in this mood