Petrol Study color palette — #F3E6DF · #98BDA9 · #0071AF · #004C45 · #051238
Built around Slate, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Parchment (#F3E6DF): a clean, paper-quiet neutral.
- Sage (#98BDA9): A luminous, dusty teal — the color of glacier melt.
- Slate (#0071AF): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#051238): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Hushed Cobalt Lagoon color palette (#F7F0EC, #AFD0C2, #4B7EBB, #005B5C, #181C3F)
- Wandering Petrol Veranda color palette (#EEF0E4, #82BBCF, #007297, #004E57, #00324B)
- Weathered Denim Lagoon color palette (#EDE2D6, #76A2C4, #3253A0, #00383E, #0B002C)
- Wandering Azure color palette (#E9F9F7, #CDDEFC, #00A0D0, #006873, #002133)
- Hushed Teal Lantern color palette (#D8F5F0, #1DB395, #006259, #00322B, #000604)
- Navy Meadow color palette (#ECE0D5, #4E7F9E, #003584, #001F21, #01000A)
- Fern Alley color palette (#DEEBD4, #ABCFAF, #70A1D8, #3A6600, #00221F)
- Patina Thicket color palette (#F7F0EC, #C6E6E5, #7EA0C2, #007B78, #462C41)
Browse the whole catalog at Explore, or see today's palette.