Tempered Petrol color palette — #E4EBE5 · #8EBBD1 · #00759D · #004B49 · #00172B

Built around Slate, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Parchment (#E4EBE5): a clean, paper-quiet neutral.
• Ash (#8EBBD1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B49): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00172B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Grove color palette (#EDF4EE, #AECCDF, #3B82B4, #005A60, #031F45)
• Denim Cabin color palette (#DBE5DD, #80A1BB, #0058A4, #003841, #020033)
• Wandering Loft color palette (#EEF3EF, #D3DBEB, #77A2BE, #007A7D, #23384E)
• Weathered Abyss color palette (#D8E1DA, #52979A, #005361, #002D24, #000509)
• Fern Meadow color palette (#D0F4F6, #8CD4D0, #00ADD5, #186C09, #001D21)
• Hushed Pier color palette (#DAEFEF, #279566, #A14087, #005435, #26001D)
• Softworn Orchard color palette (#EBF2E4, #44933C, #00682D, #003D2D, #001914)
• Grape Balcony color palette (#C8F3F5, #007E5E, #5C44BB, #7C3300, #000F08)

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