ColorSwatches.org

Sapphire and Sunlight

Sapphire and Sunlight
Midnight Sapphire
#0B1F3A
rgb(11, 31, 58)
A deep, almost black-blue that anchors the palette with quiet gravity.
Deep Sapphire
#14477A
rgb(20, 71, 122)
A rich navy blue that carries the weight of twilight seas.
Royal Sapphire
#1D5FA8
rgb(29, 95, 168)
A vivid, confident blue reminiscent of polished gemstones and open skies.
Golden Sunbeam
#F2B705
rgb(242, 183, 5)
A bold, saturated gold that radiates warmth and vitality.
Sunlit Gold
#F7CB4D
rgb(247, 203, 77)
A softer amber-gold that glows like late afternoon light.
Pale Sunlight
#FCE8A8
rgb(252, 232, 168)
A gentle, creamy gold that lightens the palette with airy warmth.

Sapphire and Sunlight draws its power from contrast: the cool, contemplative depth of blue against the warm, energizing brightness of gold. Psychologically, blue conveys trust, stability, and calm, while gold suggests optimism, luxury, and vitality. Together they create a palette that feels both grounded and uplifting, serious yet inviting. This duality makes it especially versatile, capable of feeling regal in one context and joyful in another.

Sponsors

This palette lends itself beautifully to brands seeking a premium, trustworthy identity with a touch of warmth—think financial services, luxury travel, education, or hospitality. The deep sapphires work well for primary branding elements like logos and headers, conveying authority and professionalism, while the golden tones can be used as accents to highlight calls-to-action, awards, or premium features. It's also well-suited to seasonal campaigns that want to evoke sunlit summers or golden-hour elegance.

When implementing this palette in design, use the darkest sapphire tones for text and backgrounds to establish strong contrast and readability, reserving the brighter golds for buttons, icons, or decorative accents. Pale Sunlight works well as a soft background or card color to keep interfaces from feeling too heavy. For web and app design, pairing Royal Sapphire with Golden Sunbeam creates striking, accessible contrast for interactive elements, while the mid-tones offer flexibility for gradients, illustrations, or data visualization.

Web UI Preview

example.com
Palette Co Products About
Built by a Small Team

Fewer features, more focus

We left a lot of things out on purpose. What's left is smaller, but it's the part people actually use every day.

Focused Toolset

Only the tools people reach for daily made it into the final version.

Learn more →

Fast by Design

Every page loads quickly because there's simply less standing in the way.

Learn more →

Honest Roadmap

We tell you what we're building next and, just as often, what we're not.

Learn more →

Sometimes less really is the whole point.

© 2026 Palette Co. Privacy Terms Contact

Sponsors

Similar Color Palettes

View all Blue & Gold palettes →

Explore More Palettes