Tempered Sapphire Quarry color palette — #FBF0E6 · #96C1E2 · #3568DC · #005058 · #1A034D

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBF0E6): bright and airy, almost weightless.
• Sky (#96C1E2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#3568DC): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#1A034D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Tempered Sapphire Quarry into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Dusty Cobalt color palette (#F1E7E0, #92BFA9, #006FB6, #004C48, #060C42)
• Gentle Dune color palette (#F2F8E7, #7BBFF3, #006FC4, #00526D, #052F6D)
• Washed Cobalt color palette (#FDEEE7, #A1DBE9, #128CC5, #006356, #002155)
• Faded Cornflower color palette (#FFF1F6, #9BD2FA, #4685FF, #007179, #2E256B)
• Muted Bloom color palette (#E7DCD2, #7BA0C4, #394FA6, #003841, #0E002A)
• Sapphire Lantern color palette (#D9DEED, #4B5FE6, #BD080D, #605200, #050336)
• Fuchsia Courtyard color palette (#CBFFEF, #BFC8FF, #D57EC6, #006D7E, #0F174A)
• Navy Terrace color palette (#CFE8E8, #0099B6, #006491, #003C77, #0E0061)

Browse the whole catalog at Explore, or see today's palette.