Tempered Petrol color palette — #EBF4F4 · #D5D9ED · #7FA0C2 · #3F7389 · #27374B

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Silver (#D5D9ED): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7FA0C2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3F7389): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#27374B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Antique Denim color palette (#DFECEC, #66A4CA, #005C93, #003746, #000B1D)
• Tempered Petrol Grove color palette (#DBEEEB, #7EBFCF, #007794, #004B4F, #001925)
• Tempered Summit color palette (#FAF4EF, #CEE3E5, #AF8CAB, #287C84, #634A59)
• Periwinkle Ridge color palette (#F6EFFA, #D8A1B7, #7A9ED1, #985C76, #1D324C)
• Antique Cerulean color palette (#FBF2F6, #D9D4DE, #C5BDE8, #559FA7, #454C63)
• Patina Hollow color palette (#DCF2ED, #3C8683, #004548, #00201A, #000202)
• Worn Basin color palette (#FAEDF9, #ECD1D6, #D9B6B7, #9C84A4, #40303E)
• Cerulean Cabin color palette (#E2F7F3, #8EDFE6, #0093A6, #00625E, #002A35)

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