Tempered Sapphire color palette — #DBECEA · #00D5EA · #19AEF6 · #346EE9 · #3A3671

Sapphire and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DBECEA): a clean, paper-quiet neutral.
• Aqua (#00D5EA): A luminous, balanced blue — the color of open sky before noon.
• Cornflower (#19AEF6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#346EE9): A full-bodied, vivid violet — the color of wild irises.
• Navy (#3A3671): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, 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

• Worn Aqua color palette (#D2EEE4, #00DEDB, #00B6DA, #0087C2, #273870)
• Faded Periwinkle color palette (#D0EFF3, #6ACAFF, #4DA3FF, #6D69C4, #483059)
• Ancient Workshop color palette (#D5F7FA, #00BCDF, #008BE3, #505CC6, #2F2350)
• Azure Atelier color palette (#E1FBFF, #88E3FF, #00A7E8, #0065AB, #122D5B)
• Wandering Chapel color palette (#D8EDF3, #00A2ED, #4B5DFF, #5A36BB, #390B3F)
• Faded Mustard Workshop color palette (#DFFEF0, #71D2FF, #FCB12D, #009ACB, #503400)
• Misty Honey Alley color palette (#DAECD5, #FEB54C, #74C7FF, #205577, #192924)
• Soft Lilac Harbor color palette (#C2EFD9, #A6CFFF, #9E9FFF, #9976C1, #633B40)

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