Tempered Petrol Study color palette — #EBF3F9 · #D5D5DF · #B0B7C7 · #2E6B8F · #16222B

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

The five colors

• Ivory (#EBF3F9): bright and airy, almost weightless.
• Silver (#D5D5DF): a clean, paper-quiet neutral.
• Ash (#B0B7C7): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#2E6B8F): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#16222B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Tempered Petrol Study 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

• Antique Drift color palette (#F0F7F4, #E4D7D9, #C1ADB4, #006D92, #2B4037)
• Dusty Nightshade Study color palette (#ECF2FF, #D0D2E5, #ACA7C4, #504CA9, #12192D)
• Cerulean Terrace color palette (#EFF6FB, #DBDAE4, #C2B0B9, #5493B0, #253037)
• Washed Cypress color palette (#E3F6F5, #79AD99, #20736C, #214C60, #002124)
• Washed Station color palette (#D9EBFF, #A6A5D3, #87698F, #63434E, #0B2C20)
• Navy Canyon color palette (#E6F0FB, #A9B4C6, #868CA2, #004678, #030B15)
• Ultramarine Veranda color palette (#D9E6F8, #3B5EB6, #1E233A, #040C1B, #000206)
• Nightshade Hollow color palette (#D8F1DD, #4A90C7, #544E9F, #5A2A00, #041832)

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