Tempered Petrol Alley color palette — #FFF2F1 · #D79CBD · #9A8D4C · #0071A0 · #59354A
A conversation between Peacock and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2F1): bright and airy, almost weightless.
- Mauve (#D79CBD): A luminous, balanced pink — the color of neon signs at night.
- Moss (#9A8D4C): A luminous, balanced green — the color of fresh herbs.
- Peacock (#0071A0): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#59354A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged muted.
Use it as a design system
One click turns Tempered Petrol Alley 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
- Dusty Petrol Canyon color palette (#FFF2ED, #E19D97, #6F9970, #4C67A4, #5D3632)
- Cypress Villa color palette (#FEF2F1, #D59FB6, #B27E67, #007B69, #4E385C)
- Timeworn Shell color palette (#FAF2FC, #FFB3C3, #8EA370, #4B6F8E, #203B53)
- Blush Quarry color palette (#FFF1F0, #DA75A5, #708100, #005894, #5B0038)
- Basalt Studio color palette (#FFF1F1, #E4C8BD, #B7A48D, #6D8E85, #624554)
- Dusty Studio color palette (#FFF2EC, #F4BDA3, #CD9761, #937629, #514E47)
- Softworn Cerulean color palette (#F9F4EF, #CEE5E8, #9FAFE0, #2995A9, #684758)
- Sunlit Aubergine Boulevard color palette (#FAE3CD, #C67600, #007971, #720084, #371D00)
Browse the whole catalog at Explore, or see today's palette.