Tempered Sapphire color palette — #B5E7FF · #4BA7E2 · #006AC0 · #023E96 · #1C237A

Royal Blue and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Powder Blue (#B5E7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#4BA7E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#006AC0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#023E96): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Navy (#1C237A): A deep, shadowed, balanced violet — the color of wild irises.

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

• Ancient Meadow color palette (#C7EDF4, #00ABD0, #006F98, #00466F, #002F59)
• Patina Navy color palette (#D2E7F7, #2881D9, #003DA3, #180077, #140045)
• Pale Quarry color palette (#ECF5FF, #83A8E2, #586EBE, #41418D, #4F2157)
• Softworn Denim Lagoon color palette (#D4F6F7, #2C8EC9, #2F57A3, #622359, #1B3249)
• Timeworn Sky Ridge color palette (#79F7F4, #00C6EC, #3684CD, #4F539A, #391262)
• Azure Bloom color palette (#EDF7FF, #57DBFE, #00A8F2, #4F76D1, #163047)
• Worn Aubergine Garden color palette (#A8F2D9, #61D4E2, #4EA1E8, #5468CA, #510062)
• Softworn Grape color palette (#DCE2FF, #958AE3, #7348BD, #5C2083, #4A125B)

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