Tempered Petrol color palette — #EAF3FA · #D6D4E5 · #B8BDDB · #1C739F · #1C262E

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF3FA): a clean, paper-quiet neutral.
• Silver (#D6D4E5): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B8BDDB): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#1C739F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#1C262E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Weathered Station color palette (#E3EAF1, #C4CBDC, #A0A1BA, #0E5890, #0F171E)
• Antique Petrol Parlor color palette (#ECF9F3, #ECD9DD, #D4B1BC, #15749A, #31453D)
• Washed Boulevard color palette (#F1F1F9, #DFD4DC, #BDABA9, #817F9C, #35353D)
• Tempered Grape Cabin color palette (#F0F1FC, #D7CFEA, #B8A2C0, #6E3EA1, #17172D)
• Softworn Atelier color palette (#DEF2FE, #9AA7EE, #906C8A, #4A531F, #03372A)
• Hushed Onyx color palette (#E3E1EF, #93899A, #7B6178, #421046, #020006)
• Gentle Orchid color palette (#EAF2FF, #3AE7FE, #82B4FF, #A15EB6, #1C1744)
• Sunlit Terracotta color palette (#E8F3FF, #0F8BE9, #A11600, #483600, #001F0C)

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