Petrol Study color palette — #F4EDE2 · #73C2EA · #006BB0 · #003D44 · #000110
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F4EDE2): a clean, paper-quiet neutral.
- Sky (#73C2EA): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006BB0): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000110): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Dusty Cypress Villa color palette (#F6EDDE, #7EC6C1, #00757F, #00402C, #000305)
- Patina Sapphire color palette (#FAF4EB, #ABD0F5, #356DF6, #004E63, #09052A)
- Hushed Navy color palette (#EEE0E7, #4E93B5, #00488C, #002C2C, #02001C)
- Softworn Cornflower Archive color palette (#EEDFD3, #51BEEC, #3580EB, #006E62, #14063A)
- Periwinkle Study color palette (#FBF4E9, #DCE1F4, #5399FF, #006F85, #161A59)
- Washed Byzantium color palette (#EEE7FA, #8A00E1, #804900, #004E46, #020006)
- Sky Dune color palette (#FAF4EC, #D4D7E8, #0FBEFB, #008884, #103856)
- Powdered Thicket color palette (#D9E1F0, #6975FF, #5800BD, #2C0054, #08000F)
Browse the whole catalog at Explore, or see today's palette.