Tempered Petrol color palette — #E3F3ED · #D4AF5D · #006B9B · #003A56 · #061A14

Peacock and Gold set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E3F3ED): a clean, paper-quiet neutral.
• Gold (#D4AF5D): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#006B9B): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003A56): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#061A14): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Cobalt Workshop color palette (#FDF1FC, #DBC18B, #4F72AB, #2F4363, #271E27)
• Worn Seafoam color palette (#EBF7FF, #AAE0AB, #256C89, #002C3D, #00040A)
• Wandering Cerulean color palette (#E3F0FD, #FFB398, #4D8DC4, #305A7D, #091725)
• Muted Amber Basin color palette (#D0E7E1, #B88A00, #00477B, #001C35, #000302)
• Dusty Coral Drift color palette (#FBE8F7, #E1796E, #293F78, #31162E, #1A0B0F)
• Sunlit Lapis color palette (#F3DEEA, #D6A200, #522ED8, #282163, #1D0615)
• Softworn Byzantium color palette (#FFF1F4, #E4B23B, #8F3EAF, #4E275E, #2A1219)
• Frosted Mulberry Veranda color palette (#EAD9DB, #CA9D2E, #7F2C83, #3F1440, #170509)

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