Tempered Sapphire color palette — #F0F5FF · #8EA9FF · #C79D18 · #4158F4 · #4A3800
Built around Royal Blue, softened by Mustard — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Cornflower (#8EA9FF): A luminous, balanced violet — the color of twilight just after sunset.
- Mustard (#C79D18): A luminous, balanced gold — the color of afternoon light on wheat.
- Royal Blue (#4158F4): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#4A3800): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Creativity, Energy, Balance. Tagged 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
- Grape Cabin color palette (#F2F5FF, #BCB5FF, #A6A000, #6946D6, #3F3D00)
- Sunlit Sapphire color palette (#EEF6FF, #8FC4FF, #D98300, #0069BE, #553100)
- Hazy Cornflower Market color palette (#FFF0FC, #ABC4FF, #DCC12F, #5C85F3, #453A00)
- Softworn Lagoon color palette (#D5DEF5, #898AF5, #978800, #5640DC, #2F2900)
- Timeworn Corridor color palette (#F4F4FF, #D1A3E8, #85B651, #9C67B6, #364924)
- Airy Indigo Quarry color palette (#FFF0FA, #BAC2FF, #FF828F, #6869EF, #5C0019)
- Powdered Ember color palette (#EAF7FF, #34D2FF, #E65400, #0084A4, #602710)
- Ember Courtyard color palette (#E6EAFF, #838EFF, #F44C0B, #00955A, #282C54)
Browse the whole catalog at Explore, or see today's palette.