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
New This Month

Plans that actually happen

It's one thing to plan a project and another thing entirely to finish it. This one is built for the second part.

Milestone Tracking

Break big goals into small ones and watch each piece get checked off.

Learn more →

Shared Calendars

Everyone sees the same deadlines, so nothing slips through the cracks.

Learn more →

Automatic Reminders

A gentle nudge arrives right before anything important is due.

Learn more →

Turn this quarter's plan into next quarter's results.

© 2026 Palette Co. Privacy Terms Contact

Sponsors

Similar Color Palettes

View all Blue & Gold palettes →

Explore More Palettes