What are the hex codes in the Bold Basil & Lapis palette?

The Bold Basil & Lapis color palette consists of Ink #002938, Lapis #275E83, Melon #FFC0B3, Basil #589C67.

How should I use the Bold Basil & Lapis palette on a website?

Use Melon #FFC0B3 as the background, Ink #002938 for text, Lapis #275E83 for buttons and links, and Basil #589C67 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Melon at 9.78:1.

Which colors in Bold Basil & Lapis have enough contrast for text?

The highest-contrast pair is #002938 on #FFC0B3 with a ratio of 9.78:1, which passes WCAG AA for normal text.

#002938Ink

#275E83Lapis

#FFC0B3Melon

#589C67Basil

Bold Basil & Lapis color palette

Dark Green

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#002938`	`rgb(0, 41, 56)`	`hsl(196, 100%, 11%)`	`oklch(26.2% 0.051 228)`
Lapis	`#275E83`	`rgb(39, 94, 131)`	`hsl(204, 54%, 33%)`	`oklch(46.3% 0.083 241)`
Melon	`#FFC0B3`	`rgb(255, 192, 179)`	`hsl(10, 100%, 85%)`	`oklch(86.2% 0.075 32)`
Basil	`#589C67`	`rgb(88, 156, 103)`	`hsl(133, 28%, 48%)`	`oklch(63.3% 0.106 150)`

Why it works and how to use it

Bold Basil & Lapis is a vivid complementary color palette tagged dark, green. Near-complementary hues (about 174° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Lapis takes the lead while the rest support. Lightness runs from 11% to 85%. Well suited to websites, presentations and branding.

Background: Melon (#FFC0B3) is the lightest color, so it belongs on large surfaces.
Text: Ink (#002938) on #FFC0B3 gives 9.78:1, passing WCAG AAA.
Primary: Lapis (#275E83) is the most saturated mid-tone; use it for buttons and links (4.46:1 against the background, fine for UI elements).
Accent: Basil (#589C67) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Bold Basil & Lapis

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

#002938

#275E83

#FFC0B3

#589C67

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
`#002938` on `#FFC0B3`	Aa	9.78:1	AAA
`#002938` on `#589C67`	Aa	4.63:1	AA
`#275E83` on `#FFC0B3`	Aa	4.46:1	AA large only
`#002938` on `#275E83`	Aa	2.19:1	Fail
`#275E83` on `#589C67`	Aa	2.11:1	Fail
`#FFC0B3` on `#589C67`	Aa	2.11:1	Fail

Similar palettes 24 more in this mood