Tempered Hollow color palette — #EFF1FE · #9079B4 · #16867F · #005C6E · #17172C

Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF1FE): bright and airy, almost weightless.
• Slate Blue (#9079B4): A luminous, balanced violet — the color of a velvet chair.
• Teal (#16867F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005C6E): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#17172C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

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

• Navy Pier color palette (#F2F0FB, #946197, #006A72, #004475, #0E1129)
• Denim Studio color palette (#F5EFFA, #BA809F, #538BA5, #425C95, #271E2F)
• Hushed Driftwood Balcony color palette (#FFF1F4, #A069A9, #008469, #384F8B, #442B30)
• Faded Denim color palette (#DEF8F5, #5B975A, #1681A1, #265091, #001F1D)
• Aged Corridor color palette (#FEF1F8, #ED9B78, #80AC76, #007F9E, #331C2A)
• Washed Amber Drift color palette (#FCF4E7, #C09929, #10A783, #007E87, #36322C)
• Aubergine Terrace color palette (#F6E2F2, #B0564D, #505DA8, #5A1B88, #1D061A)
• Amber Pier color palette (#E3F8E8, #C49157, #7E6827, #005437, #0E2A11)

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