Back to palettes

Palette

Azure Temple Pillars

Inspired by ancient temples reaching towards a clear azure sky, serene and grand.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Azure Temple Pillars 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 Azure Temple Pillars.

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

Data visualization

#3E708E#6CA8CB#A5D0EB#285873#8BBCCF

Palette guide

How to use Azure Temple Pillars

Overview

The Azure Temple Pillars palette is inspired by ancient temples reaching towards a clear azure sky, offering a serene yet grand collection of blues. Ranging from the deep, grounding #285873 and #3E708E to the lighter, expansive #6CA8CB, #8BBCCF, and #A5D0EB, this palette evokes both stability and openness. Designers can utilize these shades to create elegant, professional, and trustworthy visual identities. It's particularly effective for projects requiring a sense of history, sophistication, and calm, blending muted depth with refreshing clarity to deliver a balanced and enduring aesthetic.

Best used for

  • Architectural firms and real estate
  • Museums and cultural institutions
  • Financial services and investment companies
  • Luxury travel and historical tours
  • High-end stationery and print
  • Government or public sector branding

Suggested color roles

primary

#285873 - A deep, foundational blue, excellent for main branding, strong headings, and elements requiring a sense of authority and timelessness.

secondary

#3E708E - A rich, slightly lighter blue, suitable for subheadings, navigation, and important informational panels.

accent

#6CA8CB - A clear, mid-tone blue, perfect for interactive elements, highlights, or to add a touch of inviting freshness.

background

#A5D0EB - A very light, airy blue, providing a clean and expansive canvas that promotes a feeling of openness and serenity.

text

#285873 - Or #3E708E for optimal readability against lighter backgrounds like #A5D0EB and #8BBCCF.

Accessibility notes

  • Ensure #285873 or #3E708E text on #A5D0EB background meets WCAG AA contrast standards.
  • Avoid using #8BBCCF text on #A5D0EB as contrast will be insufficient for readability.
  • When combining #6CA8CB with #8BBCCF for text/background, verify contrast, especially for small text.
  • For important data or calls to action, consider using the darkest colors for text on the lightest backgrounds.

Recommended combinations

Foundation Stone

Creates a strong, reliable, and professional look, ideal for corporate or institutional branding.

#285873 · #3E708E · #6CA8CB

Sky Arch

Perfect for airy, expansive designs, invoking a sense of calm and clarity, suitable for digital interfaces or brochures.

#A5D0EB · #8BBCCF · #6CA8CB

Elegant Structure

A balanced combination for readability and aesthetic appeal, great for content sections or elegant presentations.

#3E708E · #A5D0EB · #8BBCCF

CSS variables

:root {
  --azure-temple-pillars-1: #3E708E;
  --azure-temple-pillars-2: #6CA8CB;
  --azure-temple-pillars-3: #A5D0EB;
  --azure-temple-pillars-4: #285873;
  --azure-temple-pillars-5: #8BBCCF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "azure-temple-pillars": {
        1: "#3E708E",
        2: "#6CA8CB",
        3: "#A5D0EB",
        4: "#285873",
        5: "#8BBCCF",
      }
    }
  }
}

Related searches

architectural blue paletteelegant blue color schemeserene professional colorsclassic blue brandingazure grey blue design

Palette colors

Hex values

Color 1#3E708E
·
Color 2#6CA8CB
·
Color 3#A5D0EB
·
Color 4#285873
·
Color 5#8BBCCF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.3:1AA18
1.4:1Fail
2.6:1Fail
2
2.1:1Fail
1.6:1Fail
3:1Fail
1.3:1Fail
3
3.3:1AA18
1.6:1Fail
4.7:1AA
1.3:1Fail
4
1.4:1Fail
3:1Fail
4.7:1AA
3.7:1AA18
5
2.6:1Fail
1.3:1Fail
1.3:1Fail
3.7:1AA18

Similar palettes

More like Azure Temple Pillars

View all cool