Petrol Study color palette — #EEF4E9 · #66AC97 · #167E9A · #3C4977 · #2D2802
A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.
The five colors
- Cream (#EEF4E9): a clean, paper-quiet neutral.
- Jade (#66AC97): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#167E9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#3C4977): A full-bodied, dusty violet — the color of a velvet chair.
- Espresso (#2D2802): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged muted, cool.
Use it as a design system
One click turns Petrol Study 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
- Cobalt Archive color palette (#ECF4EF, #55AABF, #576EAE, #5E3E67, #1E2C10)
- Weathered Cypress color palette (#F5F2E6, #A2A05F, #3A8260, #005665, #382203)
- Mint Quarry color palette (#E6FAF9, #64C994, #479BA3, #476C92, #294B38)
- Worn Petrol Terrace color palette (#F1F3EC, #C1E5EA, #7B9FCC, #367391, #412F3F)
- Antique Harbor color palette (#EAF9F5, #82A558, #51729E, #6F445A, #4B3A59)
- Aged Nightshade color palette (#E1F3E8, #0089A8, #3149AF, #4E0D62, #001910)
- Timeworn Oat Hollow color palette (#EBF7DD, #BACFB2, #809784, #756272, #473841)
- Aubergine Garden color palette (#E5F8E8, #00949F, #005CA7, #4B0086, #31001F)
Browse the whole catalog at Explore, or see today's palette.