Tempered Sapphire color palette — #EAF3E2 · #A07E00 · #1E5FFA · #1B031D · #050005

Royal Blue and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EAF3E2): A whisper-light, dusty green — the color of fresh herbs.
• Ochre (#A07E00): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#1E5FFA): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#1B031D): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged neon, dark, 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

• Gentle Cobalt color palette (#E2E1C4, #9E7F00, #006BC1, #090819, #050006)
• Sunlit Sapphire color palette (#E4F2EA, #009E35, #4654FF, #1D021A, #050004)
• Powdered Ridge color palette (#D7F6E0, #AE4E00, #6400F7, #120517, #00000A)
• Worn Amethyst color palette (#DEECCE, #E35400, #6D47EF, #100730, #050103)
• Airy Basin color palette (#D9F4E6, #6BA825, #7800E5, #22010E, #060002)
• Ancient Sapphire color palette (#EEE5D5, #00B43C, #3E61E6, #131F47, #000107)
• Antique Ember Quarry color palette (#F3E4CD, #D75300, #007F99, #070E15, #000201)
• Byzantium Quarry color palette (#C1EAF6, #009884, #9B01F2, #22040C, #060002)

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