Tempered Petrol Terrace color palette — #FDECF8 · #A3B0E8 · #AB9C68 · #626DA5 · #34312A

Slate and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FDECF8): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#A3B0E8): A luminous, balanced violet — the color of wild irises.
• Moss (#AB9C68): A luminous, dusty green — the color of new leaves after rain.
• Slate (#626DA5): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#34312A): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Pewter Boulevard color palette (#FEEDEF, #CDA3CB, #8BA76C, #8E5E8C, #32312B)
• Wandering Alley color palette (#E4F7EE, #86BCD4, #C78C74, #277C9B, #362F2B)
• Indigo Delta color palette (#FDF1F9, #A4ACDE, #C88388, #6268BC, #674338)
• Olive Corridor color palette (#FFEBF6, #9796CB, #9E8C56, #7A7D3C, #33212C)
• Weathered Iris color palette (#F0F5FF, #B3C3F0, #BAB475, #6B85E2, #305644)
• Weathered Driftwood color palette (#FFECF5, #C2C2F2, #8981B5, #44416E, #2F1125)
• Pewter Parlor color palette (#FBEEF2, #C6C6A0, #7C5462, #432732, #1C1014)
• Oat Study color palette (#FBEDF7, #E7D3D0, #E5BDA1, #6D9F8D, #45343C)

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