Petrol Studio color palette — #D7E9F8 · #0072AC · #7E5500 · #4C4A00 · #022138
A conversation between Slate and Coffee, giving this palette its sense of nature and growth.
The five colors
- Frost (#D7E9F8): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0072AC): A full-bodied, balanced blue — the color of open sky before noon.
- Coffee (#7E5500): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#4C4A00): A deep, shadowed, balanced green — the color of fresh herbs.
- Midnight (#022138): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
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
- Weathered Courtyard color palette (#D2E7FF, #0078E4, #886700, #515B0F, #192C43)
- Ultramarine Loft color palette (#E8EFFF, #1640DD, #5B4D00, #2C3F10, #030C34)
- Terracotta Archive color palette (#CFE3E3, #007B7A, #A62B22, #822C23, #002525)
- Airy Grape color palette (#DCE9FC, #0068CE, #8B2A9C, #005854, #000A1F)
- Muted Amethyst Parlor color palette (#ECECFF, #6D3BEE, #4A6A00, #005634, #1E193C)
- Washed Moss color palette (#CAE7D4, #76952B, #655500, #532C00, #002B29)
- Iris Grove color palette (#F0F5FF, #7693FF, #687000, #306835, #2E384A)
- Softworn Wisteria color palette (#E7F6FF, #C5C6FF, #CC7CB6, #006C62, #21354C)
Browse the whole catalog at Explore, or see today's palette.