Petrol Atelier color palette — #F9EAE5 · #6DC8CB · #007292 · #00411A · #00020A
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9EAE5): bright and airy, almost weightless.
- Aqua (#6DC8CB): A luminous, balanced teal — the color of sea glass.
- Teal (#007292): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00411A): A deep, shadowed, balanced teal — the color of glacier melt.
- Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, 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
- Washed Basin color palette (#F8ECE3, #76C2E5, #2463C0, #003F37, #030011)
- Quiet Market color palette (#FFF2EB, #9ED6E5, #0080C8, #00543E, #050330)
- Wandering Lagoon Lantern color palette (#E7E0D6, #1B9CA1, #005361, #002D23, #000509)
- Cerulean Atelier color palette (#DCEADE, #7FBCBF, #0093AA, #006F5A, #001721)
- Sunlit Grape color palette (#DCE2D1, #23A561, #7B2AA8, #004925, #020005)
- Frosted Jade Workshop color palette (#9BFFCD, #00AF79, #005D3E, #001705, #000200)
- Moss Grove color palette (#ECE1CB, #818900, #276200, #002C1A, #000303)
- Gentle Corridor color palette (#E4FFD2, #5AE1DA, #66A4E9, #705400, #000602)
Browse the whole catalog at Explore, or see today's palette.