Tempered Hollow color palette — #FFF5D3 · #E2BE28 · #5786EF · #7F6900 · #000B61

Azure takes the lead with Saffron close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FFF5D3): A whisper-light, dusty green — the color of fresh herbs.
• Saffron (#E2BE28): A luminous, balanced green — the color of new leaves after rain.
• Azure (#5786EF): A luminous, vivid violet — the color of a velvet chair.
• Walnut (#7F6900): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#000B61): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Tempered Hollow 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

• Orchid Coast color palette (#FBF8C5, #D1C528, #9D6AEF, #756D00, #290050)
• Azure Corridor color palette (#FFF3E8, #FFAB66, #0095DB, #9E5500, #002135)
• Feathered Market color palette (#FDF7CF, #CAE46C, #CD87EF, #6D8000, #401B51)
• Magenta Alley color palette (#F7F7DD, #96CC5E, #BE62C7, #406900, #2C0031)
• Softworn Amethyst Bloom color palette (#FAE1B6, #AA7B00, #7A2FFE, #664900, #330D73)
• Sunlit Mustard color palette (#C5F1D6, #D2B400, #00BFBC, #9F8700, #003635)
• Antique Byzantium color palette (#FFF6CB, #C5AC2A, #5268EB, #9F21CC, #171200)
• Mustard Lantern color palette (#FFF4E1, #C0C15F, #9C7800, #723F00, #0E1D00)

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