Petrol Atelier color palette — #FFF3E4 · #CCD6A5 · #619970 · #007081 · #2F2800
A conversation between Teal and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#CCD6A5): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#619970): A luminous, balanced teal — the color of sea glass.
- Teal (#007081): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#2F2800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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
- Patina Teal color palette (#FAF5E8, #C9E8C6, #66AE9A, #4B7D99, #3A3C00)
- Worn Moss color palette (#FFF2E9, #E2CDA8, #7D9548, #735680, #332600)
- Ancient Loft color palette (#F9F6E5, #CAD5B2, #2C9C97, #5E6A2B, #242B10)
- Wandering Terrace color palette (#FDF4E6, #B2C294, #36885F, #7A3657, #131C00)
- Antique Pine Ridge color palette (#F7F2DD, #8DAA79, #327446, #3A4D33, #1E1D02)
- Tempered Emerald color palette (#E8E2C6, #59A06D, #005A53, #002D4E, #000200)
- Hushed Pine Terrace color palette (#FEF2EE, #C0E6ED, #67B0D4, #00844B, #1A2E4E)
- Weathered Summit color palette (#FAECDF, #817D44, #184800, #33002F, #010100)
Browse the whole catalog at Explore, or see today's palette.