Tempered Petrol color palette — #F7EAF1 · #72BCDD · #3968A9 · #005147 · #2B284C

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

The five colors

• Blush (#F7EAF1): a clean, paper-quiet neutral.
• Sky (#72BCDD): A luminous, balanced blue — the color of deep harbor water.
• Slate (#3968A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2B284C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Forest Garden color palette (#F5EBF5, #5CC4C4, #007390, #00541B, #0B2F52)
• Worn Cobalt Thicket color palette (#FFF1F6, #A5CAE7, #5F77AD, #00605C, #3C3457)
• Washed Petrol Atelier color palette (#E8EBDF, #87BCD5, #0073A5, #004957, #00172B)
• Powdered Coast color palette (#FDF1FC, #90DEDD, #008DB0, #176A2C, #224164)
• Ash Ridge color palette (#FBF2F6, #D9DFF0, #829AC2, #487780, #4C5166)
• Cerulean Cabin color palette (#F7E5F2, #00A1B7, #004F77, #003121, #060E37)
• Gentle Periwinkle Garden color palette (#F4EDE8, #B0E0C9, #6AA9E8, #00918D, #1D285D)
• Tempered Denim color palette (#FFE8F7, #FFBBA9, #A59855, #5C4889, #402741)

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