Tempered Petrol color palette — #F0E6EA · #8ABBD7 · #4669AC · #004C46 · #170C34

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

The five colors

• Rose Water (#F0E6EA): bright and airy, almost weightless.
• Sky (#8ABBD7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4669AC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#170C34): A deep, shadowed, dusty violet — the color of wild irises.

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

• Ancient Bloom color palette (#F9EFF2, #B1CBE2, #6978B3, #005B5D, #27153E)
• Linen Cobalt color palette (#E9F1EA, #8AB8D4, #006AB8, #004E58, #14295F)
• Muted Forest Harbor color palette (#EFE6EF, #7EC1BF, #007792, #005010, #00172E)
• Cerulean Summit color palette (#FBEDF9, #8DE0E6, #008FBD, #006637, #022253)
• Hushed Blush Villa color palette (#D9EFFF, #BFC9FE, #D486B7, #00695D, #0A1536)
• Tempered Ash color palette (#F8EFF2, #D9D0E4, #879DC1, #417480, #31344A)
• Azure Study color palette (#CDE2FD, #5297E5, #005EA2, #00274B, #000410)
• Tempered Petrol color palette (#DCEFFF, #0071AD, #835200, #514800, #000C18)

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