Petrol Loft color palette — #FBEBE2 · #81BBD0 · #2E6BA7 · #005143 · #272851

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

The five colors

• Cream (#FBEBE2): A whisper-light, dusty gold — the color of old brass.
• Ash (#81BBD0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#2E6BA7): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#272851): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns 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

• Tempered Petrol Bloom color palette (#E4EBE5, #8FBAD3, #0773A4, #004B4C, #001630)
• Wandering Forest color palette (#F9EBE7, #9EBA9D, #00748F, #005417, #002F57)
• Cobalt Villa color palette (#FBF3ED, #ABCEBF, #5A79AA, #006158, #393558)
• Weathered Dune color palette (#F9EBDD, #7CA4C4, #3E4DA4, #003E3E, #271141)
• Dusty Corridor color palette (#D7F8E9, #AAC1EF, #B98EBD, #006C5C, #16324F)
• Teal Villa color palette (#C6EBDC, #00A5AB, #006378, #003D5D, #1E255C)
• Pale Bloom color palette (#FFF2EE, #9EDCD7, #008EAA, #106C10, #04426F)
• Powdered Azure Villa color palette (#CCECFF, #209DE0, #005890, #002B47, #001C2B)

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