Tempered Petrol color palette — #FAF0D1 · #A37700 · #006DA7 · #080B18 · #000103

Peacock takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.

The five colors

• Custard (#FAF0D1): A whisper-light, dusty green — the color of fresh herbs.
• Ochre (#A37700): A full-bodied, balanced gold — the color of honey in a jar.
• Peacock (#006DA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#080B18): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, 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

• Faded Ultramarine color palette (#D3E4D6, #6A7700, #0059CA, #0B081A, #000105)
• Washed Mustard color palette (#F8E2D5, #BDA500, #0083B7, #001B2A, #000804)
• Washed Canyon color palette (#F9EAD9, #DB4100, #008287, #030E14, #000102)
• Timeworn Veranda color palette (#E4E7F1, #B5B0C3, #98869C, #463282, #07091A)
• Cellar Aubergine color palette (#D8EAD3, #006A53, #56008E, #120410, #010007)
• Charred Navy Boulevard color palette (#D5E2F5, #9B7000, #061F6A, #000129, #000106)
• Chalky Atelier color palette (#DDE7CB, #009C6F, #7300DD, #170118, #01000A)
• Dusty Rose Balcony color palette (#DFE2C6, #FF3274, #0275E9, #15122C, #000513)

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