Tempered Petrol color palette — #F8EAF0 · #8BB8D3 · #2E67B5 · #004F52 · #262756

Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F8EAF0): a clean, paper-quiet neutral.
• Ash (#8BB8D3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#2E67B5): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#262756): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Aged Petrol color palette (#E8EAE1, #8CBAD7, #0071B0, #00495B, #001630)
• Worn Workshop color palette (#F9E9F3, #7BBFBE, #00748A, #005332, #00324B)
• Cobalt Basin color palette (#FDF2F5, #ADC8E3, #6276AC, #005E6A, #3A3558)
• Washed Ash color palette (#FBF2F5, #DADEEF, #859AC0, #477687, #48516D)
• Onyx Summit color palette (#EFDCE8, #3D9DB8, #004E79, #00302B, #000C3E)
• Faded Delta color palette (#F8ECE2, #A2DCFF, #66A5FF, #009095, #272A4D)
• Washed Lagoon color palette (#F8E9F3, #30918E, #004450, #002411, #000B14)
• Tempered Mulberry color palette (#FAF1FF, #FEB196, #BE9C57, #7E477C, #3E263F)

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