Petrol Study color palette — #F2E6E0 · #A0BC9F · #00788D · #004E2E · #001827
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F2E6E0): a clean, paper-quiet neutral.
- Sage (#A0BC9F): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#00788D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004E2E): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#001827): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Petrol Study color palette (#F3E7DC, #94BEAE, #3D6BAC, #004B4E, #100D3A)
- Cerulean Bloom color palette (#FAEFEB, #AED2B5, #1988AC, #005E46, #00223E)
- Patina Study color palette (#F3E2D9, #6AA7B7, #005F8A, #003A32, #000823)
- Muted Cerulean color palette (#E9DCD6, #3B8491, #00415A, #002018, #000105)
- Muted Cypress Courtyard color palette (#F8F0EC, #C6E8E0, #71A5B8, #3E7860, #1B3E34)
- Teal Harbor color palette (#E9F9F6, #B4E9FF, #00A5AF, #006B5E, #002329)
- Tempered Petrol color palette (#FCE2FB, #CBC2EE, #C78AB1, #006A84, #281023)
- Patina Thicket color palette (#E9DCE6, #3B62CC, #7C5600, #404F13, #01052A)
Browse the whole catalog at Explore, or see today's palette.