Tempered Petrol Cabin color palette — #EFF7F3 · #A0CCB8 · #A76875 · #00779E · #3B2925

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

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Pistachio (#A0CCB8): A luminous, dusty teal — the color of sea glass.
• Mocha (#A76875): A full-bodied, balanced red — the color of embers at dusk.
• Slate (#00779E): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3B2925): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Tempered Petrol Cabin 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

• Patina Alley color palette (#F9F3F8, #AAC0ED, #B0636D, #4B6AAF, #392A26)
• Muted Cypress Cabin color palette (#F2F7F1, #AFC9A7, #8871A6, #007F72, #37292E)
• Cobalt Loft color palette (#EEF2F8, #A6C7EC, #9F6EA7, #3B74B2, #16141F)
• Forest Dune color palette (#F2F8E9, #86B39E, #816BA0, #206946, #534054)
• Wisteria Boulevard color palette (#F8F3F9, #B0D5FF, #C27FC7, #5E90C7, #372A2C)
• Mulberry Drift color palette (#DCFFEB, #CAABC8, #8375B1, #804178, #72293C)
• Tempered Fern color palette (#FCF2F8, #7D7EAC, #894C79, #3F5500, #3F2B37)
• Dusty Grape color palette (#FBF3F6, #B3A4DD, #95621F, #6948A8, #2E2113)

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