Tempered Petrol color palette — #FCEAE0 · #7FC2D8 · #006DA7 · #003E38 · #000014

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

The five colors

• Cream (#FCEAE0): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#7FC2D8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006DA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000014): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Lapis Courtyard color palette (#F6ECE1, #8EBCE7, #374DEA, #003C46, #030010)
• Weathered Denim Chapel color palette (#EFDED5, #69B0AF, #005F70, #002D18, #000103)
• Sapphire Ridge color palette (#FEF3E9, #93D5FE, #2174EB, #005155, #0A0230)
• Aged Denim color palette (#FCE7F4, #3797B3, #004B83, #002D23, #03001B)
• Cerulean Bloom color palette (#E0F3F0, #69BDD9, #008FBD, #006B77, #001624)
• Ancient Hollow color palette (#CFFAE0, #9FC7FF, #C878FD, #00655C, #00060F)
• Pale Terrace color palette (#C3E6F1, #00738B, #A11E00, #583D00, #000102)
• Wandering Bloom color palette (#DCECE4, #008AB6, #B82B00, #004259, #040000)

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