Tempered Petrol color palette — #FCF4EB · #A8722C · #0071A1 · #6D3B52 · #38332D
Built around Peacock, softened by Ochre — the whole palette hums with trust and stability.
The five colors
- Ivory (#FCF4EB): a clean, paper-quiet neutral.
- Ochre (#A8722C): A full-bodied, balanced gold — the color of old brass.
- Peacock (#0071A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#6D3B52): A full-bodied, dusty rose — the color of pressed rose petals.
- Espresso (#38332D): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Tempered Petrol 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
- Worn Moss color palette (#F7F6E9, #819547, #48639F, #783E4C, #35342D)
- Cypress Garden color palette (#FDF3ED, #B6765F, #00776C, #514673, #37302C)
- Linen Garnet Terrace color palette (#F8F7DD, #4E7500, #00568F, #750042, #2D2500)
- Bronze Alley color palette (#F7F5EF, #D6DCD6, #9DB0B7, #948139, #54534C)
- Taupe Terrace color palette (#FDF4E5, #BB9D4D, #509176, #8D5760, #37312C)
- Antique Courtyard color palette (#E8F5F0, #8C9C41, #007A78, #26576F, #0F1C12)
- Quiet Denim color palette (#E9FAF0, #0089A7, #3759A4, #69242F, #282911)
- Antique Emerald color palette (#FFF4DE, #B8C290, #5D9458, #006D5B, #005053)
Browse the whole catalog at Explore, or see today's palette.