Tempered Petrol Delta color palette — #EFF6FC · #DCD9E3 · #C7BBCA · #4C7A9A · #414950

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#DCD9E3): a clean, paper-quiet neutral.
• Stone (#C7BBCA): A luminous, dusty pink — the color of a candy shop window.
• Slate (#4C7A9A): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#414950): quiet, heavy and certain.

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

Use it as a design system

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

• Hushed Petrol Parlor color palette (#F5F0F6, #DFD4D6, #CCB6B9, #5278A3, #302A31)
• Antique Powder Basin color palette (#E8F7FF, #A6B2DD, #8C7F99, #4B6D65, #34564E)
• Denim Terrace color palette (#EFF6FF, #CED1E9, #ACA0BE, #33589C, #2A3341)
• Worn Navy color palette (#E6F0FA, #A0A8C6, #817B94, #003868, #071523)
• Tempered Basalt color palette (#E3E1E9, #C1B3C4, #9E8694, #602E5F, #201D28)
• Stone Canyon color palette (#FFF1F6, #BEB071, #637D4B, #565771, #34483C)
• Hushed Indigo color palette (#DAE5FB, #5765CA, #332E48, #191F2B, #0A0C13)
• Hushed Meadow color palette (#F0F5FF, #9AF5FF, #99BAFF, #B26F93, #393D5B)

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