Petrol Atelier color palette — #E6F2E8 · #75C7C5 · #007581 · #00402E · #000305
A conversation between Teal and Mint Leaf, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Mint Leaf (#75C7C5): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007581): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000305): a grounded near-black with real depth.
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
- Timeworn Quarry color palette (#E6F2E8, #85BFE1, #0069B6, #003D45, #000016)
- Cerulean Alley color palette (#EFF8F1, #94D9E5, #0087AB, #00524B, #000E1A)
- Aged Lagoon color palette (#EBDBD7, #009E9B, #005265, #002F06, #00040E)
- Feathered Lagoon color palette (#F0E6F1, #55C4C1, #0091B3, #007320, #00142B)
- Softworn Lagoon color palette (#EEF8F0, #C5E9FF, #00ABCD, #007464, #00283B)
- Sunlit Lantern color palette (#EEEAFF, #9D28A8, #715300, #004C53, #030004)
- Antique Lantern color palette (#E1F5EA, #7E8F3F, #554F00, #2C1F00, #000200)
- Washed Balcony color palette (#EEF8F0, #D9DDF9, #6B90DA, #006680, #171646)
Browse the whole catalog at Explore, or see today's palette.