Tempered Sapphire color palette — #FFF4E2 · #83BFE9 · #006CCD · #005462 · #1B2A70

Royal Blue takes the lead with Navy 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 (#83BFE9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#006CCD): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#005462): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#1B2A70): 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 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

• Washed Petrol Archive color palette (#FBF4E9, #66C8DA, #00799B, #005650, #003655)
• Sapphire Bloom color palette (#FCEFE4, #77C5F5, #2C5AFF, #00524E, #1F0942)
• Muted Cornflower color palette (#FFF1F6, #91D4FF, #5582FF, #00736E, #382264)
• Wandering Wisteria color palette (#FDF0FF, #C1CBFF, #C282F8, #006D8E, #113167)
• Washed Ultramarine Pier color palette (#E5DDD2, #7CA3C5, #1050B4, #003C4A, #15174A)
• Periwinkle Orchard color palette (#EBFAEE, #B4E0FF, #6AAEFF, #0094AB, #1F2E63)
• Ultramarine Meadow color palette (#DDEAFF, #5998F9, #0051BF, #002D6C, #001A39)
• Pale Navy Dune color palette (#CFE9ED, #009CC0, #00648D, #004681, #0C2779)

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