PalettesSoft Serenity

Palette

Soft Serenity

Gentle whites, misty greys and taupe blend for cushy soft serenity, perfect for quiet calming moods.

Color analysis

Palette profile

This 5-color palette is warm-led with a muted character and moderate tonal range. Its internal colors provide 0 pairs at or above the 4.5:1 contrast target for normal text.

Temperature

Warm-led

Color character

Muted

Lightness span

48%

Accessible pairs

0 / 10

Colors

Yellow FBFBF2#FBFBF2A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(251, 251, 242)HSLhsl(60, 52.9%, 96.7%)CMYKcmyk(0%, 0%, 3.6%, 1.6%)LABlab(98.4, -1.55, 4.31)

Gray E5E6E4#E5E6E4A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(229, 230, 228)HSLhsl(90, 3.8%, 89.8%)CMYKcmyk(0.4%, 0%, 0.9%, 9.8%)LABlab(91.17, -0.69, 0.85)

Gray CFD2CD#CFD2CDA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(207, 210, 205)HSLhsl(96, 5.3%, 81.4%)CMYKcmyk(1.4%, 0%, 2.4%, 17.6%)LABlab(83.84, -1.93, 2.11)

Gray A6A2A2#A6A2A2A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(166, 162, 162)HSLhsl(0, 2.2%, 64.3%)CMYKcmyk(0%, 2.4%, 2.4%, 34.9%)LABlab(66.94, 1.44, 0.51)

Gray 847577#847577A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(132, 117, 119)HSLhsl(352, 6%, 48.8%)CMYKcmyk(0%, 11.4%, 9.8%, 48.2%)LABlab(50.64, 6.16, 1.02)

Meaning

Relax

Psychology

BalanceNeutralityDepthAuthorityFreshnessSimplicity

Usage

Calm InterfacesEditorial Backgrounds

Yellow FBFBF2

#FBFBF2

Black text

20.18:1AAA

White text

1.04:1Fail

Support

Gray E5E6E4

#E5E6E4

Black text

16.77:1AAA

White text

1.25:1Fail

Support

Gray CFD2CD

#CFD2CD

Black text

13.75:1AAA

White text

1.53:1Fail

Support

Gray A6A2A2

#A6A2A2

Black text

8.31:1AAA

White text

2.53:1Fail

Anchor

Gray 847577

#847577

Black text

4.79:1AA

White text

4.38:1AA Large

Best internal combinations

The strongest foreground and background pairs found inside this palette.

No internal pair reaches 4.5:1. Use black or white text recommendations above, or add a darker or lighter supporting color.

Color vision previews

Approximate simulations help reveal swatches that may become difficult to distinguish.

Protanopia

Reduced sensitivity to red light.

Deuteranopia

Reduced sensitivity to green light.

Tritanopia

Reduced sensitivity to blue light.

Achromatopsia

A grayscale approximation without hue perception.

CSS variables

Copy this palette as reusable custom properties for a design system or prototype.

:root {
  --palette-1: #FBFBF2;
  --palette-2: #E5E6E4;
  --palette-3: #CFD2CD;
  --palette-4: #A6A2A2;
  --palette-5: #847577;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

More palettes load automatically as you continue scrolling.