Tempered Petrol Summit color palette — #F1F5FD · #DBD8E2 · #C2BCC9 · #677299 · #434851

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#F1F5FD): a clean, paper-quiet neutral.
• Silver (#DBD8E2): bright and airy, almost weightless.
• Stone (#C2BCC9): a calm mid-gray that lets other colors speak.
• Slate (#677299): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#434851): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Petrol Summit 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

• Weathered Bloom color palette (#EEF2F9, #D9D5DE, #C3B8C8, #6173A4, #262C37)
• Wandering Corridor color palette (#F9F3F8, #E2D7D7, #CCBCB9, #A6829F, #4F434D)
• Garnet Pier color palette (#EBE6EE, #C1B4C3, #9A8798, #6F2742, #241C27)
• Dusty Lilac color palette (#F2F5FF, #DFD5F2, #B2A0FF, #A682B8, #343751)
• Weathered Navy Workshop color palette (#DFE3ED, #A3A8BE, #7B7C9B, #32247C, #0E1322)
• Washed Pine Hollow color palette (#E7FAF4, #9BBA8F, #508155, #435F68, #2F4844)
• Ancient Grape color palette (#F2F5FF, #CFD0E7, #A5A2C2, #6241AA, #2E3146)
• Violet Quarry color palette (#E0E3F7, #7D58BF, #302E4A, #1C1E2A, #0D0B12)

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