Palette

Scholarly Study Hues

A sophisticated and melancholic palette for quiet contemplation and intellectual pursuit.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Scholarly Study Hues 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 Scholarly Study Hues.

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

Data visualization

#2C4A4A#6D3B2E#BF9B6A#3A3A3A#EBDCCB

Palette guide

How to use Scholarly Study Hues

Overview

The Scholarly Study Hues palette offers a sophisticated and melancholic blend, perfect for quiet contemplation and intellectual pursuit. Featuring the deep #2C4A4A (a rich teal-gray), the warm #6D3B2E (dark brown), the inviting #BF9B6A (golden beige), and the soft #EBDCCB (cream), alongside a versatile #3A3A3A (charcoal), this palette is genuinely useful for designers and developers. It provides a balanced range of tones for creating elegant digital experiences, premium branding, or content that evokes a sense of history, wisdom, and understated luxury, ensuring excellent readability and visual interest.

Best used for

Academic journals and intellectual publications
Luxury real estate and architectural presentations
High-end photography portfolios
Contemplative and mindfulness applications
Bespoke services and artisanal craft branding
Interior design for libraries or studies

Suggested color roles

primary

Utilize #2C4A4A for deep, calming backgrounds or primary branding elements, establishing a sophisticated anchor, or #3A3A3A for a strong neutral.

secondary

Employ #6D3B2E for rich, warm supporting content blocks, navigation, or to introduce an earthy contrast.

accent

Apply #BF9B6A for elegant highlights, calls to action, or decorative elements that require a touch of inviting warmth and luxury.

background

Use #EBDCCB for main content areas, providing a soft, inviting, and highly readable canvas, or #2C4A4A for a luxurious dark mode.

text

For light backgrounds like #EBDCCB, use #3A3A3A or #2C4A4A. For dark backgrounds, use #EBDCCB or a crisp white for optimal legibility.

Accessibility notes

Ensure #EBDCCB provides excellent contrast for dark text like #3A3A3A or #2C4A4A.
When using #BF9B6A for text, verify it meets WCAG contrast standards, especially against #EBDCCB or other mid-tone backgrounds.
Prioritize high contrast for interactive elements and crucial information to ensure usability for all users.
Test color pairings thoroughly, particularly the #6D3B2E brown, to ensure it doesn't get lost on darker backgrounds.

Recommended combinations

Reflective Study

Creates a calming, intellectual atmosphere with a deep base, light background, and elegant accent.

#2C4A4A · #EBDCCB · #BF9B6A

Warm Academia

Offers a rich, inviting scheme with warm brown, a light background, and a golden highlight.

#6D3B2E · #EBDCCB · #BF9B6A

Deep Contrast

Provides a strong neutral base, a striking accent, and a deep teal-gray for sophisticated structure.

#3A3A3A · #BF9B6A · #2C4A4A

CSS variables

:root {
  --scholarly-study-hues-1: #2C4A4A;
  --scholarly-study-hues-2: #6D3B2E;
  --scholarly-study-hues-3: #BF9B6A;
  --scholarly-study-hues-4: #3A3A3A;
  --scholarly-study-hues-5: #EBDCCB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "scholarly-study-hues": {
        1: "#2C4A4A",
        2: "#6D3B2E",
        3: "#BF9B6A",
        4: "#3A3A3A",
        5: "#EBDCCB",
      }
    }
  }
}

Hex values

Color 1#2C4A4A

Color 2#6D3B2E

Color 3#BF9B6A

Color 4#3A3A3A

Color 5#EBDCCB

Accessibility

Contrast checker

1.1:1Fail

3.7:1AA18

1.2:1Fail

7.2:1AAA

1.1:1Fail

3.5:1AA18

1.3:1Fail

6.8:1AA

3.7:1AA18

3.5:1AA18

4.4:1AA18

1.9:1Fail

1.2:1Fail

1.3:1Fail

4.4:1AA18

8.5:1AAA

7.2:1AAA

6.8:1AA

1.9:1Fail

8.5:1AAA

Similar palettes

More like Scholarly Study Hues

Dark Academia Library

Dark Academia Study