Tempered Petrol color palette — #ECF7FF · #ECB3B6 · #2E7B9B · #14495E · #12242F

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Rose Quartz (#ECB3B6): A luminous, dusty red — the color of a theater curtain.
• Slate (#2E7B9B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#14495E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#12242F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Petrol Study color palette (#E5FBF4, #FFDAE2, #517AA0, #0D4237, #04130F)
• Muted Denim Delta color palette (#EFF8F1, #C3AB7A, #005C6A, #00353E, #14201F)
• Turquoise Garden color palette (#E9F8FF, #F2D18C, #40A4B8, #3F697C, #172429)
• Softworn Apricot Delta color palette (#D5E7F9, #F08D64, #005F9A, #003052, #001021)
• Hushed Harbor color palette (#EAEEFA, #AFBB87, #5B5D94, #2F2B68, #0E1529)
• Timeworn Cerulean Cabin color palette (#F0F6FB, #DBD9DF, #CABDCD, #5197C8, #41494F)
• Tempered Lilac Parlor color palette (#EDF7FB, #78D5E2, #B476B3, #0091A0, #252130)
• Weathered Iris Basin color palette (#E0FDF4, #72BFCD, #817CC4, #566D24, #224057)

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