Petrol Studio color palette — #EFE8DD · #7BBED8 · #0073A7 · #004B4D · #001532
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EFE8DD): a clean, paper-quiet neutral.
- Sky (#7BBED8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001532): 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 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
- Patina Petrol color palette (#F8EAF1, #65BFDD, #316BA5, #005142, #272951)
- Cobalt Pier color palette (#F6F1EA, #A8D2C2, #2E7FCA, #005A65, #30152D)
- Gentle Ultramarine Quarry color palette (#E7DFD2, #6DA2D0, #0049CA, #003745, #060429)
- Weathered Cerulean color palette (#E6F2E8, #91CFE6, #308FC6, #006B6F, #0B2E55)
- Ash Thicket color palette (#F5F1EB, #C7E3E3, #72A2CA, #2D777F, #40303F)
- Aged Cerulean color palette (#F7EDDC, #229AAA, #005267, #002C27, #00050B)
- Ancient Navy Dune color palette (#EAE3D8, #3D7FAC, #003979, #001E25, #00000C)
- Quiet Meadow color palette (#F6DAD7, #B72570, #5D6500, #005375, #1C000C)
Browse the whole catalog at Explore, or see today's palette.