Petrol Atelier color palette — #F4F7EA · #64B774 · #0067AF · #006828 · #00231D
A conversation between Cobalt and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F7EA): bright and airy, almost weightless.
- Jade (#64B774): A luminous, balanced green — the color of a quiet forest floor.
- Cobalt (#0067AF): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006828): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#00231D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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 Ultramarine Boulevard color palette (#F2F8EB, #1DBD8D, #295ACC, #00664A, #2A1428)
- Chalky Moss color palette (#F9F6E6, #9DAC40, #007184, #535C00, #052314)
- Aged Teal Basin color palette (#E3F6F8, #4EBEA1, #00788C, #006B56, #000B0F)
- Lagoon Market color palette (#E8EDE1, #369E72, #005287, #004E33, #00110D)
- Dusty Indigo Delta color palette (#F0F8EF, #72BEBB, #6D61B1, #006E6C, #2E1F27)
- Mint Summit color palette (#F1F8EC, #55D4B5, #0095B6, #008C73, #002415)
- Faded Garnet Loft color palette (#FFF2EE, #00A389, #006891, #7F1B00, #003E40)
- Weathered Chartreuse Parlor color palette (#E1FEE5, #59EB84, #00BBCA, #177AE3, #00414D)
Browse the whole catalog at Explore, or see today's palette.