What are the hex codes in the Classic Blueberry & Space palette?

The Classic Blueberry & Space color palette consists of Space #242D42, Storm #5D687E, Blueberry #757DFF, Snow #F8FAFC.

How should I use the Classic Blueberry & Space palette on a website?

Use Snow #F8FAFC as the background, Space #242D42 for text, Blueberry #757DFF for buttons and links, and Storm #5D687E for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Snow at 13.13:1.

Which colors in Classic Blueberry & Space have enough contrast for text?

The highest-contrast pair is #242D42 on #F8FAFC with a ratio of 13.13:1, which passes WCAG AA for normal text.

#242D42Space

#5D687EStorm

#757DFFBlueberry

#F8FAFCSnow

Classic Blueberry & Space color palette

Tech Minimal Blue White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Space	`#242D42`	`rgb(36, 45, 66)`	`hsl(222, 29%, 20%)`	`oklch(29.9% 0.040 266)`
Storm	`#5D687E`	`rgb(93, 104, 126)`	`hsl(220, 15%, 43%)`	`oklch(51.6% 0.037 264)`
Blueberry	`#757DFF`	`rgb(117, 125, 255)`	`hsl(237, 100%, 73%)`	`oklch(64.8% 0.190 277)`
Snow	`#F8FAFC`	`rgb(248, 250, 252)`	`hsl(210, 40%, 98%)`	`oklch(98.4% 0.003 248)`

Why it works and how to use it

Classic Blueberry & Space is a monochromatic color palette tagged tech, minimal, blue. All four colors sit within 15° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.

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

Background: Snow (#F8FAFC) is the lightest color, so it belongs on large surfaces.
Text: Space (#242D42) on #F8FAFC gives 13.13:1, passing WCAG AAA.
Primary: Blueberry (#757DFF) is the most saturated mid-tone; use it for buttons and links (3.27:1 against the background, fine for UI elements).
Accent: Storm (#5D687E) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Snow at 13.13:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Classic Blueberry & Space

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

#242D42

#5D687E

#757DFF

#F8FAFC

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
`#242D42` on `#F8FAFC`	Aa	13.13:1	AAA
`#5D687E` on `#F8FAFC`	Aa	5.36:1	AA
`#242D42` on `#757DFF`	Aa	4.01:1	AA large only
`#757DFF` on `#F8FAFC`	Aa	3.27:1	AA large only
`#242D42` on `#5D687E`	Aa	2.45:1	Fail
`#5D687E` on `#757DFF`	Aa	1.64:1	Fail

Similar palettes 24 more in this mood