Petrol Study color palette — #F2F4E1 · #72CCD1 · #00808E · #00524C · #001E25
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Cream (#F2F4E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Aqua (#72CCD1): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00808E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00524C): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001E25): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, 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
- Antique Corridor color palette (#FFF0FB, #71C8CE, #007A98, #00583E, #003658)
- Hazy Ridge color palette (#E6ECDC, #8FB8DC, #306DAF, #004761, #00113D)
- Patina Cerulean Canyon color palette (#EBF9F6, #85DCE0, #009EAF, #00736A, #003A45)
- Powdered Cobalt Pier color palette (#F0F4E4, #A2D8F7, #138ACE, #005F74, #002647)
- Washed Orchard color palette (#E6E7D7, #64A9B2, #006374, #003938, #000D13)
- Softworn Courtyard color palette (#E9ECDE, #408299, #00415A, #001F23, #000103)
- Pine Parlor color palette (#D4F4DE, #00884C, #007089, #664F00, #001306)
- Soft Terrace color palette (#D0FFE1, #78EFC7, #00C5BE, #148122, #002114)
Browse the whole catalog at Explore, or see today's palette.