Tempered Sapphire color palette — #CEDFFA · #87ADFF · #CEA61F · #386AF3 · #342700

Sapphire and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Powder Blue (#CEDFFA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#87ADFF): A luminous, balanced violet — the color of twilight just after sunset.
• Gold (#CEA61F): A luminous, balanced green — the color of a quiet forest floor.
• Sapphire (#386AF3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#342700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Calm, Energy. Tagged vibrant, 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

• Antique Field color palette (#D7DEF0, #B9BBFF, #B5A403, #654EE8, #2F2A00)
• Hazy Station color palette (#E7EFFF, #ADB9FF, #D4BB48, #6C76F3, #3F3500)
• Amber Pier color palette (#CBE1F7, #8EC9FF, #DA9003, #0073BC, #3A2300)
• Ultramarine Dune color palette (#CFDFFA, #7694E7, #AC7D00, #283EFA, #372500)
• Pale Grape color palette (#E4EAFF, #AAA1FF, #989503, #6214E7, #1D1C00)
• Sunlit Denim color palette (#FFEFFF, #87BBFF, #A58B00, #0059B0, #1E1800)
• Pale Lilac color palette (#F3F4FF, #D1C1F9, #B5C877, #AA87EF, #3E471D)
• Emerald Boulevard color palette (#E8F0FF, #7F97FA, #E66A54, #00A151, #141B40)

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