Tempered Sapphire color palette — #D0E0F6 · #0070E1 · #915B00 · #505A10 · #00112C

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

The five colors

• Powder Blue (#D0E0F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#0070E1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Ochre (#915B00): A full-bodied, balanced gold — the color of honey in a jar.
• Olive (#505A10): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#00112C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. 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

• Misty Indigo color palette (#E1E4FF, #6F69EB, #7D6700, #305C00, #0E0C2C)
• Feathered Cornflower color palette (#D2E1F3, #148DF8, #A47D00, #657313, #001228)
• Rust Cabin color palette (#DEF1F9, #0080A5, #B13E00, #6B5600, #00141D)
• Soft Brick color palette (#CEE3FF, #2F76E1, #C31B3A, #216500, #000108)
• Tempered Iris Coast color palette (#DAE1FF, #717AFF, #9C7C00, #008629, #1B1D4C)
• Softworn Grape color palette (#F0E6FF, #7700C1, #495300, #004A2A, #030009)
• Ultramarine Lagoon color palette (#E0ECFF, #0049D3, #7D127F, #004747, #010F30)
• Ancient Fuchsia color palette (#B6ECDE, #BCB6F3, #D776C1, #006E7D, #1D2244)

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