Tempered Hollow color palette — #FBF4E7 · #D4B867 · #1A9E95 · #55509B · #49191B

Indigo and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBF4E7): a clean, paper-quiet neutral.
• Gold (#D4B867): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#1A9E95): A luminous, balanced teal — the color of shallow lagoons.
• Indigo (#55509B): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#49191B): A deep, shadowed, dusty orange — the color of autumn markets.

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

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

• Weathered Denim color palette (#FEF3EA, #E8AC7E, #5E9A6C, #006295, #44153E)
• Powdered Courtyard color palette (#F5F7E8, #9BCA8E, #3C94BD, #7C4182, #452000)
• Pale Turquoise color palette (#FFF2EB, #FCA48B, #00B3CD, #9E6797, #512B31)
• Misty Corridor color palette (#F0F9E6, #39C096, #3778C2, #7D1464, #2A1600)
• Nightshade Balcony color palette (#E9F8E1, #008E7B, #1537BE, #47002A, #030100)
• Weathered Quarry color palette (#FFF6D1, #9BA300, #007982, #4D009C, #2B0002)
• Weathered Basalt Basin color palette (#FFF4DE, #D1E1C6, #A5B28E, #907188, #5D3B49)
• Bronze Market color palette (#EAFAEE, #A58404, #007465, #364574, #432F4C)

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