Tempered Petrol color palette — #F2E7DF · #95BEAB · #3E6BAA · #004C43 · #15093C

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

The five colors

• Parchment (#F2E7DF): a clean, paper-quiet neutral.
• Sage (#95BEAB): A luminous, dusty teal — the color of glacier melt.
• Slate (#3E6BAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#15093C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Cobalt Station color palette (#F8F0EA, #AAD2C4, #6679B1, #005B5A, #24183B)
• Muted Villa color palette (#F3EEE6, #80BAD5, #006EAA, #004F54, #112D55)
• Ancient Spruce Alley color palette (#F2E2DE, #62ABA7, #006278, #043D07, #000B1A)
• Misty Forest Villa color palette (#FCEFEB, #B8DBB8, #0090B6, #006728, #00254B)
• Cornflower Parlor color palette (#F5EBF0, #99CDE3, #2585EF, #006D5E, #2A284E)
• Plum Terrace color palette (#DFEFDD, #00928C, #A72F9A, #00524E, #250021)
• Teal Basin color palette (#B0EEE1, #00AC98, #006661, #002D2B, #000806)
• Worn Cypress color palette (#F6F1EC, #C6E5E6, #869CC7, #1D7A73, #452E3A)

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