Tempered Petrol color palette — #EEF2F8 · #DAD6E2 · #C4B9C8 · #57779F · #282D32

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF2F8): a clean, paper-quiet neutral.
• Silver (#DAD6E2): a clean, paper-quiet neutral.
• Stone (#C4B9C8): A luminous, dusty pink — the color of a candy shop window.
• Slate (#57779F): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#282D32): quiet, heavy and certain.

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

• Hushed Bloom color palette (#F1F1FA, #E0D1DC, #CCB6D1, #8054A0, #24242F)
• Antique Driftwood Atelier color palette (#DBEEFF, #A8B3CF, #AC7C97, #446561, #1D3A3A)
• Indigo Garden color palette (#DAE0F2, #6E67BE, #322C49, #111522, #04060B)
• Worn Harbor color palette (#F9F3F8, #E7D7DA, #CAC3B8, #829ED4, #453C44)
• Weathered Olive color palette (#EBF5ED, #B4B789, #5B814D, #4A5472, #152D23)
• Tempered Ultramarine Corridor color palette (#EDF2FC, #D1D2E5, #C79BBD, #4648BA, #12192B)
• Navy Chapel color palette (#E9EEF6, #9A9EB5, #7D759C, #102B80, #01040C)
• Indigo Dune color palette (#DEF9F3, #66A3D2, #7759A3, #335101, #182334)

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