Petrol Atelier color palette — #E3F7F0 · #8BB9DD · #BC9462 · #42779E · #35302A

A conversation between Slate and Camel, giving this palette its sense of trust and stability.

The five colors

• Cream (#E3F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8BB9DD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Camel (#BC9462): A luminous, balanced gold — the color of honey in a jar.
• Slate (#42779E): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#35302A): a grounded near-black with real depth.

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

Use it as a design system

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

• Hushed Pewter Corridor color palette (#FDEDF4, #B5AAE0, #9EA16A, #74689D, #33312A)
• Ancient Petrol color palette (#EBF5EC, #6CC3CB, #C68897, #0B8189, #472721)
• Wandering Cobalt Station color palette (#E8FAF4, #89B5DC, #74A877, #3178AE, #355737)
• Tempered Hollow color palette (#EEF6FF, #9DC9F3, #D8A57A, #4692D2, #654529)
• Worn Amber Courtyard color palette (#E0F8F1, #6DA2CF, #B68055, #89764A, #112D26)
• Timeworn Pewter Alley color palette (#F9EEF5, #BDCA9E, #5B5D84, #422739, #1C0F17)
• Wandering Oat color palette (#DEF9F0, #ECD7CF, #E8BBAB, #789782, #453444)
• Wandering Bronze Chapel color palette (#F6F1E5, #C1BD99, #9A7F39, #784E07, #2B2E1C)

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