Back to palettes

Palette

Feathered Owl Night

A quiet, contemplative palette reflecting the subtle patterns and silent flight of an owl at dusk.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Feathered Owl Night 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 Feathered Owl Night.

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

Data visualization

#4F4F4F#7A7A7A#C2C2C2#9E906F#3A3A3A

Palette guide

How to use Feathered Owl Night

Overview

The "Feathered Owl Night" palette is a quiet, contemplative collection, reflecting the subtle patterns and silent flight of an owl at dusk. This serene array features a range of sophisticated grays: a dark charcoal, #3A3A3A, a medium gray, #4F4F4F, a slightly lighter gray, #7A7A7A, and a soft light gray, #C2C2C2. A muted olive green, #9E906F, adds a touch of natural depth, reminiscent of moonlit foliage. Designers and developers can utilize these calming hues to build elegant, sophisticated, and minimalist digital experiences or product designs. It's an ideal choice for projects seeking a tranquil, refined, and thoughtful aesthetic.

Best used for

  • Luxury branding and corporate websites
  • Nature photography portfolios
  • Minimalist app interfaces and dashboards
  • High-end fashion or jewelry e-commerce
  • Wellness and mindfulness retreat branding
  • Editorial design for sophisticated publications

Suggested color roles

primary

Use #3A3A3A as a strong primary for headers, navigation, or dominant elements, providing a sophisticated, grounding presence.

secondary

Employ #4F4F4F or #7A7A7A as versatile secondary colors for subheadings, buttons, or larger sections, maintaining a cohesive gray tone.

accent

Introduce #9E906F as a subtle accent for icons, highlights, or decorative elements, adding a touch of natural warmth and uniqueness.

background

The soft #C2C2C2 or a clean white serves as an excellent main background, creating an airy, calm, and highly readable canvas.

text

For body text, a dark gray like #3A3A3A or #4F4F4F ensures optimal readability on lighter backgrounds. White or #C2C2C2 text works well on darker grays.

Accessibility notes

  • Ensure sufficient contrast between different gray shades, especially for text and interactive elements.
  • The lighter grays, #7A7A7A and #C2C2C2, may require darker text (e.g., #3A3A3A) to meet contrast standards.
  • Avoid using #C2C2C2 for small or critical text unless on a very dark, contrasting background.
  • The darker grays provide excellent contrast for white or very light gray text, suitable for headlines on dark banners.

Recommended combinations

Nocturnal Depth

Creates a sophisticated, calming contrast, ideal for main website sections, headers, and subtle accents.

#3A3A3A · #C2C2C2 · #9E906F

Misty Forest

Perfect for layered designs, conveying subtle textures, or creating a tranquil, natural ambiance in a design.

#4F4F4F · #7A7A7A · #9E906F

Owl's Feather

Excellent for clean layouts, text blocks, or a minimalist aesthetic where subtle variations in gray are desired.

#C2C2C2 · #7A7A7A · #3A3A3A

CSS variables

:root {
  --feathered-owl-night-1: #4F4F4F;
  --feathered-owl-night-2: #7A7A7A;
  --feathered-owl-night-3: #C2C2C2;
  --feathered-owl-night-4: #9E906F;
  --feathered-owl-night-5: #3A3A3A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "feathered-owl-night": {
        1: "#4F4F4F",
        2: "#7A7A7A",
        3: "#C2C2C2",
        4: "#9E906F",
        5: "#3A3A3A",
      }
    }
  }
}

Related searches

calm gray color palettenocturnal nature colorssubtle earth tone schemesophisticated neutral designowl inspired color scheme

Palette colors

Hex values

Color 1#4F4F4F
·
Color 2#7A7A7A
·
Color 3#C2C2C2
·
Color 4#9E906F
·
Color 5#3A3A3A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
4.6:1AA
2.6:1Fail
1.4:1Fail
2
1.9:1Fail
2.4:1Fail
1.4:1Fail
2.6:1Fail
3
4.6:1AA
2.4:1Fail
1.8:1Fail
6.4:1AA
4
2.6:1Fail
1.4:1Fail
1.8:1Fail
3.6:1AA18
5
1.4:1Fail
2.6:1Fail
6.4:1AA
3.6:1AA18

Similar palettes

More like Feathered Owl Night

View all neutral
Cloud Forest Mist
Ancient Grove Hush
Cloudy Day Serene
Coastal Driftwood Grey
Coastal Driftwood Grey
Coastal Driftwood Grey