Tempered Petrol Market color palette — #F3EEE5 · #90BDAA · #246CA8 · #004E57 · #172B57

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Mint Leaf (#90BDAA): A luminous, dusty teal — the color of sea glass.
• Slate (#246CA8): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#172B57): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Washed Petrol Workshop color palette (#F4EEE3, #79C0BC, #007681, #00523B, #003441)
• Cobalt Chapel color palette (#FAF4EC, #A1D1C2, #5078B7, #005D71, #2F3760)
• Ancient Pier color palette (#F3E7DD, #95BEAD, #3967BC, #004C46, #170B36)
• Denim Basin color palette (#EDE5D8, #5F99A9, #00506E, #00302F, #001529)
• Antique Cabin color palette (#E7F2E9, #B1D9F6, #48AAFF, #008F9E, #182C55)
• Tempered Teal Villa color palette (#9FF8F3, #00ABA4, #006361, #003434, #001A1A)
• Washed Cerulean color palette (#FAF4EC, #C9E4CF, #4996AE, #1B7165, #245243)
• Hushed Azure color palette (#DCF8D1, #7CE0EB, #4FA2D8, #007349, #223E28)

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