Tempered Petrol Loft color palette — #F8ECE2 · #77BBE1 · #4165AE · #00504B · #2F2551

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Sky (#77BBE1): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4165AE): A full-bodied, balanced violet — the color of wild irises.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2F2551): A deep, shadowed, dusty 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 Loft 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

• Aged Lagoon color palette (#FDF3E8, #A1CAED, #6172BE, #005F61, #403355)
• Dusty Petrol Harbor color palette (#DDEDEC, #97B8D2, #2B70A3, #00485B, #001630)
• Forest Parlor color palette (#FEEAE4, #59C5C2, #00748F, #0B5419, #032F54)
• Softworn Periwinkle Ridge color palette (#F7EBF0, #B8D8F0, #68A4FF, #009096, #272756)
• Ancient Cerulean Courtyard color palette (#FAEAE0, #299EBA, #004D7F, #003125, #0B0C38)
• Worn Terrace color palette (#FCF3EF, #AEE8F1, #4E92BB, #307052, #573E54)
• Chalky Grove color palette (#FFE9EE, #C30061, #006D6A, #064F63, #370F1D)
• Ash Dune color palette (#FAF4EE, #C5EDF0, #AE8DA8, #5D775C, #634A55)

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