↑ ↓ to moveEnter to openEsc to close

Pastel colors

Pastels are pale, softly saturated colors, light enough to sit behind text and gentle enough to combine freely. Here they are sorted by hue.

Pastel pinks and corals

  • Aa 12.95:1
    Twinkle Pink #FBD8CC RGB 251, 216, 204
  • Aa 12.05:1
    Icy Pink #F5CED8 RGB 245, 206, 216
  • Aa 11.58:1
    Peach Fuzz #FFC7B9 RGB 255, 199, 185
  • Aa 10.50:1
    Mellow Marrow #E8C2B4 RGB 232, 194, 180
  • Aa 10.36:1
    Blush Rush #F0BCBE RGB 240, 188, 190
  • Aa 10.21:1
    Pink Marshmallow #F4B6D1 RGB 244, 182, 209

Pastel peach and yellow

  • Aa 13.22:1
    Buttered #ECE2B7 RGB 236, 226, 183
  • Aa 12.85:1
    Yellow Press #E6E382 RGB 230, 227, 130
  • Aa 12.48:1
    Double Cream #F2D9A3 RGB 242, 217, 163
  • Aa 11.98:1
    Peach Beach #FDCFA1 RGB 253, 207, 161
  • Aa 11.82:1
    Apricot Freeze #F3CFB7 RGB 243, 207, 183
  • Aa 10.90:1
    Buttery #FFC283 RGB 255, 194, 131
  • Aa 10.92:1
    Butterscotch Cake #F1C882 RGB 241, 200, 130
  • Aa 10.51:1
    Cream Puff #FFBB99 RGB 255, 187, 153

Pastel greens and mint

  • Aa 15.40:1
    Arabica Mint #C0FFEE RGB 192, 255, 238
  • Aa 15.29:1
    Frosted Mint Hills #CCFFC2 RGB 204, 255, 194
  • Aa 14.50:1
    Hint of Mint #DFF1D6 RGB 223, 241, 214
  • Aa 14.83:1
    Mintastic #AFFFD5 RGB 175, 255, 213
  • Aa 13.87:1
    Mellow Mint #DDEDBD RGB 221, 237, 189
  • Aa 12.79:1
    Ultra Mint #A3EFB8 RGB 163, 239, 184
  • Aa 12.24:1
    Sugar Mint #C0E2C5 RGB 192, 226, 197
  • Aa 11.54:1
    Sage Sensation #B2E191 RGB 178, 225, 145

Pastel blues and aqua

  • Aa 13.95:1
    Pale King’s Blue #ABF5ED RGB 171, 245, 237
  • Aa 12.11:1
    Blizzard Blue #A3E3ED RGB 163, 227, 237
  • Aa 11.88:1
    Droplet #AADDFF RGB 170, 221, 255
  • Aa 11.64:1
    Catch the Wave #B5DCD8 RGB 181, 220, 216
  • Aa 11.26:1
    Light Blue #ADD8E6 RGB 173, 216, 230
  • Aa 11.45:1
    Near Moon #5EE7DF RGB 94, 231, 223
  • Aa 10.88:1
    Maritime #BDCFEA RGB 189, 207, 234
  • Aa 11.01:1
    Cold Blue #88DDDD RGB 136, 221, 221

Pastel lavender and lilac

  • Aa 12.61:1
    Scented Spring #EED5EE RGB 238, 213, 238
  • Aa 11.21:1
    Purple’s Baby Sister #EEC3EE RGB 238, 195, 238
  • Aa 11.35:1
    Frozen Periwinkle #C9D1EF RGB 201, 209, 239
  • Aa 11.12:1
    Tussie-Mussie #EDC5D7 RGB 237, 197, 215
  • Aa 10.90:1
    Innocent Snowdrop #D0C7FF RGB 208, 199, 255
  • Aa 10.79:1
    Foggy Love #D5C7E8 RGB 213, 199, 232
  • Aa 10.50:1
    Manga Pink #F5B9D8 RGB 245, 185, 216

Palette idea: light to dark

  • LightestAa 15.40:1
    Arabica Mint #C0FFEE RGB 192, 255, 238
  • LightAa 12.85:1
    Yellow Press #E6E382 RGB 230, 227, 130
  • MidAa 11.88:1
    Droplet #AADDFF RGB 170, 221, 255
  • DeepAa 10.92:1
    Butterscotch Cake #F1C882 RGB 241, 200, 130
  • DarkestAa 10.21:1
    Pink Marshmallow #F4B6D1 RGB 244, 182, 209

Palette idea: with neutrals

  • BackgroundAa 16.11:1
    Warm white #FAF7F2 RGB 250, 247, 242
  • SurfaceAa 13.95:1
    Pale King’s Blue #ABF5ED RGB 171, 245, 237
  • MainAa 11.88:1
    Droplet #AADDFF RGB 170, 221, 255
  • DeepAa 10.50:1
    Manga Pink #F5B9D8 RGB 245, 185, 216
  • TextAa 16.81:1
    Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

  • LightAa 13.87:1
    Mellow Mint #DDEDBD RGB 221, 237, 189
  • MainAa 11.88:1
    Droplet #AADDFF RGB 170, 221, 255
  • DarkAa 10.51:1
    Cream Puff #FFBB99 RGB 255, 187, 153
  • AccentAa 7.61:1
    Complement #D5A27B RGB 213, 162, 123
  • BaseAa 15.53:1
    Off-white #F5F3EE RGB 245, 243, 238

What makes a color pastel

A pastel is a color with high lightness and low-to-moderate saturation, as if a lot of white had been mixed in. The swatches here all have an OKLab lightness between about 0.85 and 0.96, which keeps them in the same visual weight, so any combination of them looks balanced.

Pastel palettes that work

Because pastels share a lightness, the risk is not clashing but blandness. Some ways to keep a pastel palette lively:

  • Use one deeper anchor color, such as navy, charcoal or a dark version of one of the pastels, for text and outlines.
  • Pick pastels from three or four hue groups, not all of them.
  • Add white space: pastels look cleaner next to pure white or a warm off-white.

Text on pastels

Every pastel here needs dark text. White text on a pastel almost never reaches the 4.5:1 contrast needed for normal-size text, and the "Aa" figures show black text winning on every swatch. Use pastels for backgrounds, cards and illustrations, not for small text itself.

By hue

For larger ranges, see pastel pink, pastel green, pastel yellow and mint green. To generate a fresh pastel set, set the color palette generator to a light, soft mood.