Tempered Sapphire color palette — #DFF8DE · #9EC63B · #009C9C · #465FD3 · #002530

Built around Royal Blue, softened by Lime — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DFF8DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Lime (#9EC63B): A luminous, vivid green — the color of new leaves after rain.
• Cerulean (#009C9C): A luminous, balanced teal — the color of shallow lagoons.
• Royal Blue (#465FD3): A full-bodied, vivid violet — the color of a velvet chair.
• Midnight (#002530): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged candy, vibrant, light, 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

• Patina Amethyst color palette (#DCFCEB, #46CD80, #00A1D2, #7950C1, #022745)
• Hushed Drift color palette (#E7FBEB, #94E67B, #00B3BF, #6067C0, #153E2F)
• Hazy Clover Garden color palette (#CFF4FD, #00D07D, #00A2A1, #0074AA, #001115)
• Patina Grape Summit color palette (#DCF2E1, #00C36A, #00919E, #5714D0, #001D2B)
• Aged Emerald color palette (#EEF3DD, #E3AD00, #00A64F, #0069A6, #002A2A)
• Petrol Studio color palette (#E8F6D8, #68A297, #2C689F, #603D00, #33322B)
• Aubergine Delta color palette (#C8E8DB, #00A376, #0073A9, #720095, #02032E)
• Feathered Byzantium color palette (#D8FFF4, #00DDBD, #2297FB, #AC00B4, #12235D)

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