Tempered Petrol Workshop color palette — #ECF8F8 · #BED7F2 · #7097CE · #18749F · #2A395C

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

The five colors

• Ivory (#ECF8F8): a clean, paper-quiet neutral.
• Powder Blue (#BED7F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7097CE): A luminous, balanced blue — the color of open sky before noon.
• Slate (#18749F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2A395C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Muted Turquoise color palette (#EBF8F6, #B2DCED, #45A4B8, #007C7A, #004253)
• Worn Petrol color palette (#D3EAE7, #56AFCB, #007094, #004951, #001624)
• Cobalt Pier color palette (#FBF3F5, #B2C7DD, #6074B6, #005E6B, #3C3161)
• Powder Cabin color palette (#EEF7F7, #D8DBEA, #91B4DD, #588EA8, #42546C)
• Tempered Grove color palette (#C6ECFA, #00A9B6, #6781E3, #4E893A, #01313E)
• Faded Mint Veranda color palette (#C2ECDD, #2DC9B0, #00958A, #00716F, #004649)
• Aged Balcony color palette (#D4FAFF, #56CBDA, #00929C, #00585F, #002427)
• Muted Ridge color palette (#D2F6FD, #32C0B0, #B88F00, #008478, #443300)

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