Petrol Studio color palette — #F7EDDC · #85C4C3 · #007483 · #003F30 · #000305
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7EDDC): A whisper-light, dusty gold — the color of old brass.
- Mint Leaf (#85C4C3): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007483): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003F30): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000305): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Washed Sapphire Pier color palette (#F5EDE1, #92C3B1, #0067BC, #003C46, #000016)
- Patina Cabin color palette (#FCF4E7, #AED8BB, #0086AD, #00524C, #000E1B)
- Aged Meadow color palette (#D8FBFF, #96CEEE, #71A6FF, #006F62, #000305)
- Feathered Brick Corridor color palette (#DCF3DE, #009095, #C1012B, #004548, #040000)
- Lagoon Boulevard color palette (#E9DDE9, #2E9C9C, #005167, #002E0C, #00040F)
- Patina Chapel color palette (#9CF1FF, #00A8C6, #005866, #001A1F, #000102)
- Linen Study color palette (#E0F5F7, #007580, #8F0096, #553F00, #000102)
- Pine Corridor color palette (#F7E6E0, #4DC5C4, #0091B4, #007326, #00142C)
Browse the whole catalog at Explore, or see today's palette.