Tempered Petrol color palette — #F5EBF2 · #92B7CC · #006BB5 · #005140 · #242856

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F5EBF2): a clean, paper-quiet neutral.
• Ash (#92B7CC): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006BB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#242856): 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

• Cobalt Atelier color palette (#FAF3F7, #AEC9DC, #5378B4, #006157, #39355A)
• Petrol Lantern color palette (#EEE8E0, #75C0D5, #00749F, #004B4A, #00172D)
• Linen Delta color palette (#EEE3E7, #81A3BF, #2F4CB1, #003E3C, #26084E)
• Quiet Azure Thicket color palette (#C3E6FF, #369ED4, #00608B, #003144, #001B29)
• Teal Summit color palette (#D4EADC, #00A79D, #006575, #004265, #162967)
• Wisteria Corridor color palette (#DBF4FF, #B3CFFF, #BF7ECA, #00715A, #143951)
• Muted Denim color palette (#EAE2EA, #4A9EA5, #00516E, #003219, #001036)
• Weathered Brick color palette (#CDE1F0, #008AB9, #BC2E19, #00506D, #520600)

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