Back to palettes

Palette

Old Atlas

Soft, creamy off-whites and antique beiges evoke the classic feel of aged paper or ancient maps.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Old Atlas 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 Old Atlas.

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

Data visualization

#F5F5DC#FAEBD7#FDF5E6#FFF8DC#FFEFD5

Palette guide

How to use Old Atlas

Overview

The Old Atlas palette offers an exquisitely subtle range of creamy off-whites and antique beiges, perfect for projects seeking a delicate, ethereal, or vintage paper aesthetic. With hues like the gentle `#F5F5DC`, the slightly warmer `#FAEBD7`, and the almost white `#FDF5E6`, this palette creates an incredibly soft and inviting atmosphere. It’s designed for minimalist designs where light and texture play a crucial role, evoking the feel of aged parchment or faded photographs. This collection is particularly effective for backgrounds and subtle branding, providing a serene and sophisticated canvas.

Best used for

  • Minimalist wedding invitations
  • High-end skincare branding
  • Art gallery website backgrounds
  • Photography portfolio themes
  • Luxury product packaging
  • Serene meditation app interfaces

Suggested color roles

primary

Given the extreme lightness, use `#F5F5DC` as a foundational primary background, offering a soft, aged canvas.

secondary

Apply `#FAEBD7` for subtle variations in background sections or as a very light overlay for content blocks.

accent

Utilize `#FFEFD5` for the most delicate highlights or interactive states, maintaining the palette's soft nature.

background

Any of the colors, such as `#FDF5E6` or `#FFF8DC`, can serve as the main background for a pristine, aged look.

text

A very dark charcoal or black, like `#333333` or `#000000`, is essential for text to ensure legibility against these extremely light shades.

Accessibility notes

  • It is critical to use a dark text color (e.g., black or dark charcoal) for any text against these very light backgrounds to meet accessibility standards.
  • Avoid using any two colors from this palette together for text and background as contrast will be insufficient for most users.
  • Ensure interactive elements have a clear visual state change, as color contrast alone won't differentiate them.
  • Consider using thicker fonts or larger text sizes to improve readability when text is placed on these subtle backgrounds.

Recommended combinations

Parchment Base

Perfect for creating a multi-layered background effect, where subtle shifts denote different content areas.

#FDF5E6 · #FFF8DC · #F5F5DC

Soft Overlay

Ideal for very light modal backgrounds, tooltips, or delicate UI elements that require minimal visual weight.

#FAEBD7 · #FFEFD5 · #FDF5E6

Faded Texture

Excellent for backgrounds that need a slight, almost imperceptible texture or gradient to add depth without strong color.

#F5F5DC · #FAEBD7 · #FFF8DC

CSS variables

:root {
  --old-atlas-1: #F5F5DC;
  --old-atlas-2: #FAEBD7;
  --old-atlas-3: #FDF5E6;
  --old-atlas-4: #FFF8DC;
  --old-atlas-5: #FFEFD5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "old-atlas": {
        1: "#F5F5DC",
        2: "#FAEBD7",
        3: "#FDF5E6",
        4: "#FFF8DC",
        5: "#FFEFD5",
      }
    }
  }
}

Related searches

cream beige color schemeantique paper palettevintage off-white colorsminimalist pastel palettesoft parchment tones

Palette colors

Hex values

Color 1#F5F5DC
·
Color 2#FAEBD7
·
Color 3#FDF5E6
·
Color 4#FFF8DC
·
Color 5#FFEFD5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1:1Fail
1:1Fail
1:1Fail
2
1.1:1Fail
1.1:1Fail
1.1:1Fail
1:1Fail
3
1:1Fail
1.1:1Fail
1:1Fail
1:1Fail
4
1:1Fail
1.1:1Fail
1:1Fail
1.1:1Fail
5
1:1Fail
1:1Fail
1:1Fail
1.1:1Fail

Similar palettes

More like Old Atlas

View all neutral