Tempered Petrol color palette — #E7F4FE · #6DADCE · #B97F4A · #006E95 · #3D1F00

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

The five colors

• Ivory (#E7F4FE): bright and airy, almost weightless.
• Cyan (#6DADCE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#B97F4A): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#006E95): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3D1F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Hushed Amber Study color palette (#ECF7FF, #5AA9D8, #C27333, #006D9D, #5A3547)
• Faded Lapis color palette (#EBF2FF, #92A0DD, #AD8737, #4953CA, #352400)
• Coral Lantern color palette (#DFF7FB, #5EB6A4, #C37473, #007565, #481114)
• Wandering Marigold Station color palette (#E9FAEF, #5AC8E5, #D39823, #008FAA, #46423B)
• Tempered Rust color palette (#EAF2FF, #728CC5, #BC6240, #AD471C, #0E1E37)
• Aged Cocoa Terrace color palette (#E8F6ED, #8FB5A9, #827541, #713D01, #082827)
• Hazy Chapel color palette (#E6FBF3, #A6DCFF, #EEA978, #0094D2, #572B03)
• Wandering Onyx color palette (#EDF2FC, #B8B689, #48527D, #1C234B, #070C17)

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