Petrol Study color palette — #F3EDE4 · #A1C19F · #007580 · #00402E · #000305
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F3EDE4): bright and airy, almost weightless.
- Sage (#A1C19F): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007580): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000305): a grounded near-black with real depth.
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
- Ancient Ridge color palette (#F7EDDD, #88BFDE, #006AB4, #003D44, #000114)
- Worn Cerulean Summit color palette (#FBF4E9, #9BD8E2, #0087AA, #00524A, #000E1A)
- Lagoon Atelier color palette (#E9DEEA, #009E9A, #005265, #022E05, #00040D)
- Pine Ridge color palette (#F9E8E3, #6BC1BD, #0091B1, #087318, #00152A)
- Softworn Navy color palette (#CAE5EF, #0085B9, #004E86, #001864, #01000F)
- Tempered Wisteria Studio color palette (#F0F5FF, #C9C6FF, #C487D0, #005B85, #030021)
- Dusty Villa color palette (#FFF4E2, #C2FAFF, #00ABCC, #007463, #00293A)
- Antique Ultramarine color palette (#E2E9F6, #1D58DE, #A70020, #09520B, #000009)
Browse the whole catalog at Explore, or see today's palette.