Tempered Petrol color palette — #E8FAF5 · #75A4D3 · #B96D95 · #0068B2 · #622E4A

Built around Cobalt, softened by Dusty Rose — the whole palette hums with trust and stability.

The five colors

• Ivory (#E8FAF5): bright and airy, almost weightless.
• Blue Fog (#75A4D3): A luminous, balanced blue — the color of deep harbor water.
• Dusty Rose (#B96D95): A luminous, balanced rose — the color of strawberry cream.
• Cobalt (#0068B2): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#622E4A): A deep, shadowed, balanced rose — the color of strawberry cream.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Dusty Studio color palette (#FFF1F9, #A8ABDC, #CC817F, #6968B4, #6B3F3E)
• Petrol Market color palette (#E2F7F1, #6EA9E2, #BE7D25, #1368AB, #3A2100)
• Violet Grove color palette (#E3FCF4, #4E8FC1, #9066AF, #007A69, #154136)
• Feathered Lapis color palette (#FFF0FA, #919BD6, #00A08C, #5056C1, #004E44)
• Washed Thicket color palette (#EAF9F1, #5DABC8, #759746, #00708E, #384920)
• Navy Cabin color palette (#FFF0FD, #A4BEEF, #4A6FB5, #1D3B86, #162B57)
• Hazy Grape color palette (#FFF1F6, #A37CDE, #00909A, #7900CE, #004349)
• Washed Denim color palette (#FFF1F7, #D69E9C, #56477A, #31264C, #2E1A24)

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