Petrol Atelier color palette — #F3E6DD · #79BEDD · #396BB1 · #004C43 · #150E33
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F3E6DD): a clean, paper-quiet neutral.
- Sky (#79BEDD): A luminous, balanced blue — the color of open sky before noon.
- Slate (#396BB1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#150E33): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Washed Workshop color palette (#EDF0E7, #8AB9D1, #006FA4, #004D5D, #002F54)
- Cobalt Cabin color palette (#FAF0E6, #A1D4C3, #6779B1, #005B5B, #351324)
- Teal Dune color palette (#F0DDD8, #09B2B1, #00627A, #003D0F, #000B1C)
- Hazy Thicket color palette (#F8EAF0, #A3CAE4, #3F89D5, #006C6B, #20275C)
- Timeworn Plum color palette (#F2D8E1, #BF0073, #006D69, #044F63, #1E0001)
- Weathered Navy Archive color palette (#EAE1D7, #487DAC, #2A2B87, #001F20, #020007)
- Tempered Pewter Studio color palette (#F7F0EA, #BDEFF2, #B190AC, #587454, #442F39)
- Softworn Amber Workshop color palette (#FFE7E7, #FFBBAE, #BB962D, #625082, #29100A)
Browse the whole catalog at Explore, or see today's palette.