Tempered Garnet Harbor color palette — #CCE1F9 · #92A3C0 · #74739F · #6F3A54 · #4A1E27

Mulberry and Slate set the tone — five colors that lean into sophistication.

The five colors

• Powder Blue (#CCE1F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#92A3C0): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#74739F): A full-bodied, dusty violet — the color of a velvet chair.
• Mulberry (#6F3A54): A full-bodied, balanced rose — the color of a warm blush.
• Espresso (#4A1E27): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Basalt Loft color palette (#C5EAF8, #8CA6B5, #4C7493, #55406A, #2B2243)
• Dusty Cocoa color palette (#EFEDFF, #A497BA, #847091, #6E3B09, #3C2700)
• Worn Orchard color palette (#ECEFFF, #B8BAD7, #857E9C, #7D4D43, #502E42)
• Chalky Navy Field color palette (#E3EFFF, #6874A8, #50407F, #581834, #2B0009)
• Muted Petrol color palette (#D8EECC, #89B19C, #5E71A5, #684D27, #3E4300)
• Ancient Ridge color palette (#DCEBFE, #6D92CA, #B9547F, #004FB0, #3A001E)
• Aged Bronze color palette (#D9FDFF, #B5D9E5, #8AA5CF, #8F673E, #1D473A)
• Softworn Ridge color palette (#DCEEF8, #4E9CD2, #006CBA, #003E89, #0B214A)

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