Tempered Petrol color palette — #D2EDF9 · #6B6E9F · #6B405B · #003C23 · #001B0D

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

The five colors

• Frost (#D2EDF9): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6B6E9F): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#6B405B): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Forest (#003C23): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001B0D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Driftwood Parlor color palette (#D3E7F6, #8471AE, #6A3146, #06260C, #000200)
• Washed Denim Boulevard color palette (#D4E9EF, #4B808F, #3D577F, #2A3100, #001614)
• Pewter Quarry color palette (#DFE3FF, #9177B0, #95527D, #4F491E, #0C1800)
• Softworn Chestnut color palette (#F0EDFC, #A36F8B, #844E2A, #003F50, #001F29)
• Onyx Studio color palette (#E7EEFF, #7C91B5, #8A6382, #005857, #03284F)
• Antique Forest Hollow color palette (#D5E1EC, #89AFD4, #8B6F98, #007150, #003D57)
• Forest Field color palette (#E9E4FA, #A556A4, #066A16, #4A004B, #000900)
• Onyx Meadow color palette (#EFDDE4, #837524, #295100, #49054A, #080600)

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