Palette

Salt Flat Reflections

Subtle shifts of almost-white and very light grays, reflecting the vast, serene salt flats.

monochromeminimal5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Salt Flat Reflections reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Salt Flat Reflections.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#D3D3D3#DCDCDC#F5F5F5#F0FFFF#E6E6FA

Palette guide

How to use Salt Flat Reflections

Overview

The "Salt Flat Reflections" palette is a minimalist and serene collection of almost-white and very light grays, echoing the vast, tranquil expanse of salt flats under a bright sky. Featuring the cool white of #F0FFFF, the subtle gray of #D3D3D3, and the clean crispness of #F5F5F5, this palette offers unparalleled versatility for sophisticated, understated designs. The slight variations, such as between #DCDCDC and #E6E6FA, provide just enough differentiation to create depth without disrupting the overall sense of calm and purity. This palette is ideal for projects requiring a clean, modern, and highly adaptable aesthetic.

Best used for

High-tech corporate websites and dashboards
Minimalist interior design concepts
Luxury product packaging (e.g., jewelry, electronics)
Modern art gallery branding
Clean UI/UX for productivity apps
Architectural and real estate presentations

Suggested color roles

primary

A clean, bright off-white (#F5F5F5), perfect for primary backgrounds to establish a spacious and modern feel.

secondary

A light, neutral gray (#DCDCDC), ideal for secondary content areas, subtle borders, or dividing lines.

accent

A very light, cool blue-white (#F0FFFF), offering a crisp, fresh accent for highlights, hover states, or subtle iconography.

background

Provides a pristine and expansive canvas (#F5F5F5), making content stand out cleanly.

text

A light gray (#D3D3D3), suitable for very subtle decorative text or inactive elements. For body text, use a dark gray or black for optimal readability.

Accessibility notes

All colors are very light; strong contrast is essential for text and interactive elements.
Use a dark charcoal or black for body text on any of these background colors to ensure readability.
#D3D3D3 on #F5F5F5 will have insufficient contrast for small text; reserve for large, decorative titles.
Always verify contrast ratios with a WCAG accessibility checker.

Recommended combinations

Clean Base

Ideal for a layered background with subtle visual hierarchy in a minimalist interface.

#F5F5F5 · #DCDCDC · #D3D3D3

Cool Accents

Creates a fresh, crisp look for headers, sidebars, or interactive elements.

#F5F5F5 · #F0FFFF · #E6E6FA

Depth & Contrast

For cards or panels where a slightly darker background provides subtle separation from the main page.

#DCDCDC · #D3D3D3 · #F5F5F5

CSS variables

:root {
  --salt-flat-reflections-1: #D3D3D3;
  --salt-flat-reflections-2: #DCDCDC;
  --salt-flat-reflections-3: #F5F5F5;
  --salt-flat-reflections-4: #F0FFFF;
  --salt-flat-reflections-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "salt-flat-reflections": {
        1: "#D3D3D3",
        2: "#DCDCDC",
        3: "#F5F5F5",
        4: "#F0FFFF",
        5: "#E6E6FA",
      }
    }
  }
}

Hex values

Color 1#D3D3D3

Color 2#DCDCDC

Color 3#F5F5F5

Color 4#F0FFFF

Color 5#E6E6FA

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

1.5:1Fail

1.2:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1.4:1Fail

1.3:1Fail

1.1:1Fail

1.5:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1.2:1Fail

Similar palettes

More like Salt Flat Reflections

Salt Flat Reflections

See it in context.

Ready when you are.

Built with Salt Flat Reflections.

How to use Salt Flat Reflections

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Clean Base

Cool Accents

Depth & Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Salt Flat Reflections