Tempered Petrol Study color palette — #F8EFF2 · #D9D0E3 · #889DC1 · #3F7481 · #31344A

Teal and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#D9D0E3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#889DC1): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#3F7481): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#31344A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

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

• Softworn Petrol color palette (#F1F7F2, #D9DDEE, #829BBB, #037C93, #44536F)
• Denim Lagoon color palette (#F2E6EB, #6DA3C6, #395499, #003A37, #0F0028)
• Olive Alley color palette (#E5F6F2, #9EBF8E, #A092CB, #587E43, #2A2E4B)
• Tempered Driftwood Lagoon color palette (#E6F6F0, #C7D7F1, #B5A5B3, #799A79, #274140)
• Lagoon Terrace color palette (#ECE0EE, #3B8685, #004254, #002105, #000104)
• Petrol Thicket color palette (#F1E5ED, #7AC0CE, #0072AA, #004E36, #070E3D)
• Muted Veranda color palette (#F9F4EF, #CEE4E6, #A1B0DB, #2F9797, #694756)
• Driftwood Market color palette (#FFECF5, #A8C4AA, #9B7689, #654F66, #1C3128)

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