Petrol Studio color palette — #E2F3E9 · #E3A38D · #006F87 · #163E2B · #091A12
Teal and Melon set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#E2F3E9): A whisper-light, dusty teal — the color of sea glass.
- Melon (#E3A38D): A luminous, balanced orange — the color of toasted spice.
- Teal (#006F87): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#163E2B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#091A12): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Petrol Studio 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
- Tempered Petrol color palette (#EAF8FF, #FFBEAA, #006F86, #002D38, #000409)
- Muted Parlor color palette (#F5EBF5, #D5AC76, #3C62A1, #203558, #1F0F1F)
- Washed Cerulean Harbor color palette (#EFF7F4, #E4D8DA, #D3BAB8, #4B87B1, #2F3E39)
- Ancient Ember Thicket color palette (#E5F4ED, #DC6D50, #004C69, #001E2C, #000302)
- Lagoon Chapel color palette (#E4F3E5, #B1D68F, #009AA0, #006367, #0F1910)
- Dusty Taupe Meadow color palette (#E2F2F7, #86A86D, #004D51, #00272A, #030F1E)
- Weathered Driftwood color palette (#FCF1FA, #E4CEAA, #92718D, #594657, #312830)
- Ultramarine Station color palette (#F4DBF4, #EF9200, #0055BA, #002A64, #000E2A)
Browse the whole catalog at Explore, or see today's palette.