Tempered Sapphire color palette — #FFF4E2 · #77BEFC · #1061E9 · #005367 · #272C62

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 (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#77BEFC): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#1061E9): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005367): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#272C62): A deep, shadowed, balanced violet — the color of wild irises.

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

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 Archive color palette (#FFF4E2, #68C5EC, #0074B2, #00555B, #0C3165)
• Worn Indigo color palette (#FFEFDE, #81C2F9, #4F5CEA, #005153, #220B3B)
• Muted Cornflower Summit color palette (#FFF1F5, #99D2FF, #647EFF, #007273, #3C235F)
• Linen Periwinkle Pier color palette (#E4FAFA, #BBDEFF, #6EADFF, #008FC4, #132D6D)
• Powdered Lagoon color palette (#E0FFE0, #67DAFF, #53A5FF, #00705C, #00404C)
• Weathered Bloom color palette (#F3ECE1, #61AEAB, #00636D, #00402E, #00242E)
• Patina Cerulean color palette (#FAF4EC, #C6E6CB, #009AB8, #0D7262, #2F5043)
• Cerulean Delta color palette (#E6DFD4, #488C96, #004355, #00231E, #000B14)

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