Tempered Petrol color palette — #F0E6EC · #90BAD1 · #1C72A5 · #004C44 · #01103D

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Blush (#F0E6EC): bright and airy, almost weightless.
• Ash (#90BAD1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#1C72A5): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#01103D): A deep, shadowed, balanced 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 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 Cobalt color palette (#FAEEF3, #AACDE4, #497FB8, #005B5A, #161C41)
• Softworn Denim Meadow color palette (#F6E5EB, #76A2C3, #2A52A7, #00393E, #0B002C)
• Aged Cypress color palette (#F7EFF4, #D7D1E6, #829FBE, #2D7875, #2C3649)
• Patina Cerulean color palette (#F2E2EE, #2C9AA4, #005169, #002D20, #00040D)
• Washed Harbor color palette (#EEDFE5, #4F7F9C, #003680, #001F21, #01000A)
• Azure Atelier color palette (#C2F1F3, #91CFD0, #5EA1DC, #426921, #00221D)
• Plum Studio color palette (#C8E5E6, #009668, #A73C7D, #005439, #270019)
• Frosted Moss color palette (#E8ECDA, #559625, #006B3A, #003F32, #001E1D)

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