Petrol Study color palette — #F4F7E8 · #7CC3DE · #0078A2 · #00545F · #003754
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7E8): a clean, paper-quiet neutral.
- Sky (#7CC3DE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0078A2): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00545F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#003754): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Cobalt Chapel color palette (#FBEFE8, #71C9E8, #0077BC, #00524D, #040657)
- Antique Orchard color palette (#F6F6E8, #9CDCDC, #00909C, #00685D, #004854)
- Aged Denim color palette (#E7EADC, #75A6BE, #005E88, #003C48, #00213A)
- Gentle Sky color palette (#E4FBF8, #A0E6FF, #09BAF6, #0095A6, #003754)
- Dusty Azure Workshop color palette (#FFF0F9, #84D8F6, #0093E5, #00736B, #112878)
- Hazy Turquoise Archive color palette (#E3FFDA, #76E8E8, #00B9D7, #006C53, #00423E)
- Muted Harbor color palette (#F4F6EF, #C7E4DA, #608EBD, #1E6B87, #563E56)
- Chalky Teal Harbor color palette (#A3FFED, #00B29E, #00675B, #00372F, #00221D)
Browse the whole catalog at Explore, or see today's palette.