Tempered Petrol color palette — #FAEBE2 · #73BED4 · #006BB3 · #005140 · #262A4D

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

The five colors

• Cream (#FAEBE2): A whisper-light, dusty gold — the color of old brass.
• Cyan (#73BED4): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006BB3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#262A4D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Petrol Meadow color palette (#DFECEB, #8EBAD3, #00759B, #004A52, #001827)
• Cobalt Station color palette (#FCF3EC, #95CEEA, #4D78BA, #006156, #4E2F41)
• Ultramarine Delta color palette (#EEE1D5, #64A6D3, #314CB0, #003E3D, #251145)
• Cerulean Parlor color palette (#EEF0E6, #92CFE3, #2392BB, #006A74, #00324A)
• Quiet Periwinkle color palette (#F5EBF2, #ADDAF4, #4FADEF, #009286, #1A2C54)
• Wandering Cerulean Alley color palette (#F5DDD3, #2BA1AA, #00516E, #003219, #001135)
• Patina Grove color palette (#FCF3F0, #C5E7C3, #4896AE, #436E44, #275147)
• Faded Iris Veranda color palette (#CAFDE0, #5CDBE1, #6E94DF, #5D6126, #2A3D1D)

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