Petrol Atelier color palette — #E8DED9 · #83BEBD · #00829A · #005D39 · #002236
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Bone (#E8DED9): bright and airy, almost weightless.
- Mint Leaf (#83BEBD): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D39): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Tempered Cobalt Thicket color palette (#EBE2DD, #86BAD0, #0078C9, #005956, #0F184C)
- Washed Cerulean Harbor color palette (#FFF0FA, #81DEDC, #0089A0, #005531, #000E19)
- Misty Cerulean color palette (#F5ECE9, #A9CFB5, #0092C7, #006E5B, #002D5D)
- Teal Lagoon color palette (#E1EEEB, #5AAFAD, #00646A, #003F36, #00242A)
- Worn Loft color palette (#E4E5D1, #5BD6D5, #00A5B0, #007E70, #00242A)
- Washed Lilac Dune color palette (#E2EEE3, #94C7E2, #9D98E7, #007D5B, #002931)
- Softworn Bloom color palette (#FAF3F0, #C1E9E1, #5CB1D3, #00906F, #215247)
- Nightshade Pier color palette (#F1E7DC, #699F92, #3D4EA5, #003A44, #0D0025)
Browse the whole catalog at Explore, or see today's palette.