Petrol Atelier color palette — #F6EBF3 · #7EBDC7 · #007297 · #00513F · #0D2F50
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F6EBF3): a clean, paper-quiet neutral.
- Ash (#7EBDC7): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00513F): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#0D2F50): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Muted Atelier color palette (#E9EAE1, #82BFC8, #00788D, #004B4A, #001922)
- Softworn Alley color palette (#F7EBEE, #93B5D7, #5063A8, #004E5A, #2F2550)
- Dusty Cerulean color palette (#E4F2EF, #9DCDDF, #0096AE, #006C69, #003442)
- Wandering Iris color palette (#E8F8FF, #9ED1FF, #968EE0, #006954, #09364C)
- Aged Cobalt Dune color palette (#FDF1F7, #A5D6F3, #4C80C8, #006669, #363A6C)
- Worn Lagoon Veranda color palette (#FAE9F4, #549E9A, #005360, #003218, #001623)
- Powdered Sky Bloom color palette (#FAEBE4, #B6DFC0, #06B4EA, #009475, #0C2F51)
- Washed Ash Drift color palette (#FAF3F8, #D7D5EA, #73A0BA, #467A6D, #435469)
Browse the whole catalog at Explore, or see today's palette.