Tempered Hollow color palette — #FDD7F3 · #8AA1FF · #FF4C57 · #528600 · #131A45

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

The five colors

• Thistle (#FDD7F3): A whisper-light, dusty pink — the color of peonies in June.
• Cornflower (#8AA1FF): A luminous, balanced violet — the color of a velvet chair.
• Scarlet (#FF4C57): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#528600): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#131A45): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Rose Pier color palette (#FFEDF3, #BB7BFF, #FF387D, #007638, #1D0833)
• Misty Thicket color palette (#D1F0E5, #3CB2FD, #F81F5D, #007967, #00273F)
• Soft Wisteria Canyon color palette (#FCDAE6, #BF7EFF, #ED6A00, #008E75, #2C0847)
• Worn Bloom color palette (#FBD7FB, #EF65F6, #FF4D55, #478800, #330B35)
• Weathered Magenta Archive color palette (#FBD8F8, #6CA1FF, #E945D5, #897B00, #021A4D)
• Worn Peony Station color palette (#F4D6D5, #E56BB2, #E16647, #008964, #2E0C20)
• Feathered Iris Loft color palette (#D6E6FF, #6C90FF, #9C4D00, #4D6100, #0F1B44)
• Magenta Harbor color palette (#CBEEDC, #00B3E3, #E250D3, #937600, #002330)

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