Tempered Petrol Study color palette — #F6F3FF · #FFCBD2 · #E2A56E · #4C66AA · #2A011B

A conversation between Slate and Camel, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Shell Pink (#FFCBD2): A whisper-light, dusty red — the color of embers at dusk.
• Camel (#E2A56E): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#4C66AA): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#2A011B): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged pastel, light, muted, warm.

Use it as a design system

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

• Wandering Villa color palette (#F2F5FF, #FFD6F3, #FF9C8D, #00709B, #1E0623)
• Mustard Lagoon color palette (#FFF1F6, #EFD8BF, #D8B13C, #6F579E, #2C0308)
• Washed Studio color palette (#F5E3E5, #F8B1A8, #DE9C62, #9A6AC8, #41152F)
• Aubergine Field color palette (#FFEAF6, #FFBBAA, #B8963E, #643EA1, #0F0003)
• Bronze Basin color palette (#FAD6DF, #ECA0B9, #BC6913, #344084, #321229)
• Soft Ember Cabin color palette (#E5DCF8, #E796B4, #D65347, #612E82, #220114)
• Soft Lilac color palette (#FAF1FF, #FCE069, #DAD8CD, #A46FCF, #46171A)
• Worn Moss Atelier color palette (#F6E6F5, #F0A26F, #859C3F, #60275C, #040000)

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