Petrol Study color palette — #FAF1E3 · #77C9DF · #007CA7 · #005250 · #001B33
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#FAF1E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sky (#77C9DF): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005250): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001B33): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: 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 Cerulean color palette (#F9F1E3, #A0DDD8, #0094A0, #006548, #002A35)
- Powdered Cobalt color palette (#FEF0FA, #72C5DC, #0072B9, #005843, #232672)
- Dusty Thicket color palette (#FCF0DE, #8DC1EE, #1B69E4, #004F61, #100553)
- Wandering Lilac Dune color palette (#E0F6FF, #B0D7FF, #9595F3, #00707C, #001D31)
- Hushed Alley color palette (#F2E9DB, #71A5B8, #005F8A, #00393B, #000B1D)
- Misty Thicket color palette (#CEE4EB, #0095B6, #B64D00, #005569, #290C00)
- Weathered Hollow color palette (#D5E7EF, #007DA3, #B10079, #575500, #001119)
- Muted Cypress Workshop color palette (#F5F1EA, #C1E6D7, #6E91B4, #1A6A75, #3A2238)
Browse the whole catalog at Explore, or see today's palette.