Petrol Study color palette — #F9EBE5 · #98BC9C · #00748F · #005238 · #00314F
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9EBE5): a clean, paper-quiet neutral.
- Sage (#98BC9C): A luminous, dusty green — the color of fresh herbs.
- Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005238): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Dusty Sapphire Cabin color palette (#F8ECE2, #8DBEA9, #0068C1, #004F50, #232856)
- Weathered Aqua color palette (#DDEDEA, #5DC6CB, #007986, #004C46, #001A20)
- Muted Cobalt Archive color palette (#FCF3EE, #ABCFB6, #0083B2, #006150, #49304B)
- Dusty Corridor color palette (#EFF0E4, #87D3D7, #0097A8, #006D65, #00343F)
- Hushed Denim Harbor color palette (#F7E7DE, #66A9C1, #005C90, #003E39, #0E1C41)
- Washed Turquoise Thicket color palette (#B1EBFF, #00AAC5, #006271, #00333F, #001D25)
- Muted Lilac color palette (#D4F8DD, #85C9FC, #9998E5, #00694C, #0F3E2D)
- Ancient Terrace color palette (#CCE6D2, #008F9D, #C3173A, #00535B, #500714)
Browse the whole catalog at Explore, or see today's palette.