Petrol Atelier color palette — #E8FAF0 · #00809D · #696000 · #25501B · #1C2F1A
Cerulean and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8FAF0): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#00809D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#696000): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#25501B): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#1C2F1A): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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
- Wandering Fern color palette (#EAF9F4, #5188B0, #5D6D30, #1A6044, #2A392F)
- Washed Lagoon Lagoon color palette (#EDF9EA, #109386, #865118, #484200, #2B301C)
- Dusty Petrol color palette (#DBFBEA, #006787, #444200, #013908, #001D1D)
- Antique Indigo color palette (#FFF0F9, #625BB4, #005940, #004046, #00221C)
- Terracotta Atelier color palette (#FDEDF1, #8F65A5, #8D3F42, #374400, #001B15)
- Antique Fern color palette (#F5F4FF, #AC84BA, #B56664, #506500, #122A3E)
- Worn Mulberry Delta color palette (#FFF0F8, #7A6CB8, #8A344F, #6E3211, #332812)
- Tempered Pewter color palette (#FBF3F6, #E4D7D6, #CFBAB6, #746D9A, #4F444A)
Browse the whole catalog at Explore, or see today's palette.