Tempered Sapphire color palette — #EBDEEC · #1465E0 · #206100 · #003E34 · #000203

Royal Blue takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#EBDEEC): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#1465E0): A full-bodied, vivid blue — the color of open sky before noon.
• Olive (#206100): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#003E34): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000203): quiet, heavy and certain.

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

• Amethyst Boulevard color palette (#F5D5E3, #7849CB, #006252, #00414F, #00010C)
• Softworn Spruce Coast color palette (#D8EFE2, #00728D, #615500, #0B3D01, #000202)
• Obsidian Aubergine Alley color palette (#FBE5E7, #7A0085, #023F09, #011F02, #000205)
• Pale Magenta color palette (#FFE3E7, #C852D0, #00828F, #005791, #07001B)
• Lilac Cabin color palette (#FEE3EF, #9A80E9, #009A7D, #007688, #000F2D)
• Crimson Delta color palette (#FBD8CB, #EA002E, #786600, #5D1C95, #060003)
• Tempered Brick Alley color palette (#F8E6DF, #BF2628, #5F5200, #0C4002, #000202)
• Misty Courtyard color palette (#FFF1F5, #C88DE6, #00A39E, #007BA9, #2B1525)

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