Tempered Petrol color palette — #EBF3F9 · #D5D5E1 · #B6BEDC · #00759E · #192730

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

The five colors

• Ivory (#EBF3F9): bright and airy, almost weightless.
• Silver (#D5D5E1): a clean, paper-quiet neutral.
• Ash (#B6BEDC): A luminous, dusty violet — the color of a velvet chair.
• Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#192730): 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

• Softworn Petrol Courtyard color palette (#F0F6FB, #D7D9ED, #AABED8, #0072A7, #31424F)
• Aged Denim Atelier color palette (#E3EAF0, #C4CCDA, #9EA1BF, #005A8B, #0B1721)
• Azure Parlor color palette (#ECF8F4, #CEDEE1, #C5C0B3, #179CDD, #1E3C32)
• Tempered Lagoon color palette (#F1F1F7, #DAD5D9, #BAABAA, #9076A6, #35353D)
• Moonless Sapphire Canyon color palette (#D4E3F9, #1A5EE2, #2E2146, #020E2C, #000409)
• Wandering Cypress Grove color palette (#E1F8F2, #73B993, #007C72, #005372, #002816)
• Aged Driftwood color palette (#C6F0FF, #95ABE1, #9172A6, #445820, #1C340A)
• Hushed Study color palette (#E3E8F1, #AFB2C3, #8E88A8, #0F33A3, #040B18)

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