Tempered Sapphire color palette — #FFF3E6 · #7DBFF3 · #4B5ED9 · #005556 · #3C235D

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#7DBFF3): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#4B5ED9): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005556): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#3C235D): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Sapphire 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

• Weathered Aqua color palette (#FFF2EB, #00CCF1, #0073B7, #005843, #242B67)
• Cobalt Market color palette (#FBF4ED, #9CCCEB, #5775BD, #00605C, #4F2F3F)
• Powdered Cobalt Garden color palette (#E3F7F6, #7FC2FC, #1E71CA, #004D6A, #00104E)
• Cornflower Bloom color palette (#F2F8E7, #9ED1FD, #1F8CFB, #006C93, #0C2D6F)
• Worn Ridge color palette (#F3E3DF, #4CB1AC, #006177, #044208, #00213C)
• Timeworn Ridge color palette (#FEF2EE, #C7E6CC, #5693B0, #38704D, #563E55)
• Washed Grove color palette (#FFF1F5, #B9DFFF, #83A7FF, #0095A5, #341D73)
• Grape Cabin color palette (#D1F0C0, #61AA23, #801DCE, #2E5C00, #3B165F)

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