Tempered Sapphire color palette — #F9E0BF · #AD7A00 · #006FCE · #684700 · #002E5B

Built around Royal Blue, softened by Mustard — the whole palette hums with trust and stability.

The five colors

• Peach Cream (#F9E0BF): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#AD7A00): A luminous, balanced gold — the color of old brass.
• Royal Blue (#006FCE): A full-bodied, vivid blue — the color of open sky before noon.
• Bronze (#684700): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#002E5B): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Lapis Meadow color palette (#F3E3C1, #9A8400, #4D57EF, #5C4E00, #1C147E)
• Ember Balcony color palette (#FFDDC6, #D35C00, #007BA1, #803400, #003345)
• Linen Cornflower Thicket color palette (#CAF0D1, #DBA629, #007AE6, #866200, #002D5C)
• Lapis Grove color palette (#F3DAC3, #D27E22, #5037ED, #703E00, #11004B)
• Patina Amethyst Dune color palette (#E2DFC4, #718A2B, #7E4ABB, #3F5100, #360C5C)
• Wandering Amethyst color palette (#FBF5DF, #A6AB25, #8247D7, #5E6100, #442573)
• Aged Quarry color palette (#F0E1BF, #8E6B00, #00717C, #86008C, #2F2200)
• Honey Quarry color palette (#CEEFD1, #FCBC46, #75A7FF, #996B00, #002473)

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