Tempered Petrol color palette — #D4E1E5 · #829098 · #526E87 · #003034 · #000202

Slate takes the lead with Deep Forest close behind in a set that reads as sophistication at first glance.

The five colors

• Silver (#D4E1E5): a clean, paper-quiet neutral.
• Gray (#829098): A luminous, dusty blue — the color of open sky before noon.
• Slate (#526E87): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003034): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000202): a grounded near-black with real depth.

Feels like: 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

• Dusty Spruce color palette (#E9EFE8, #8C9F97, #81677B, #003232, #020C03)
• Abyss Drift color palette (#E7EFF2, #B0BDC7, #8592AB, #004546, #000102)
• Denim Station color palette (#E2EAF0, #C1CDD8, #94A5BF, #005E78, #081821)
• Aged Nightshade color palette (#E9EEF5, #9C9FAC, #78779C, #17139B, #000315)
• Navy Harbor color palette (#BDE7F6, #31638D, #2C2962, #2F0B00, #040200)
• Misty Nightshade color palette (#C9EBFD, #00928B, #006786, #0309AA, #000103)
• Aged Cabin color palette (#EEF2F8, #D7D5DC, #C0B8C6, #5776A4, #252D37)
• Eclipse Lagoon color palette (#D8E7E1, #3D6423, #003417, #001916, #000200)

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