Tempered Petrol color palette — #EFF6FB · #F5D2EA · #7AA5BF · #46738E · #242D34

A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Thistle (#F5D2EA): A whisper-light, dusty pink — the color of a candy shop window.
• Blue Fog (#7AA5BF): A luminous, dusty blue — the color of open sky before noon.
• Slate (#46738E): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242D34): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Worn Iris Canyon color palette (#F2F5FF, #CADDB3, #948BC8, #635D86, #1D212F)
• Washed Azure Grove color palette (#EEF6FF, #FFC083, #538FDB, #2D5C97, #081B31)
• Muted Cerulean color palette (#ECF7FE, #B3E9EE, #3E92AC, #2B4B5C, #131D22)
• Lagoon Workshop color palette (#F0F7F3, #D0D5B4, #5E8873, #2F5744, #242E29)
• Powder Garden color palette (#F1F5FB, #DCD9E0, #9BB6E6, #BEAFB4, #4D535B)
• Stone Archive color palette (#EAF4F1, #EEB3A3, #3A6C60, #1D3730, #0E1614)
• Timeworn Blush color palette (#F1F5FE, #AEBBED, #DE8B99, #818C47, #233542)
• Ancient Navy color palette (#D3DFF0, #DBB162, #5677BB, #204290, #010A1F)

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