Petrol Study color palette — #EBF8F7 · #90BE9D · #4A9BA1 · #3C6C9E · #473B5E
Slate and Storm Blue set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EBF8F7): a clean, paper-quiet neutral.
- Mint Leaf (#90BE9D): A luminous, dusty teal — the color of glacier melt.
- Storm Blue (#4A9BA1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3C6C9E): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#473B5E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Petrol Market color palette (#ECF9F3, #B3B67C, #639A7C, #007784, #2B4364)
- Timeworn Pewter Basin color palette (#ECF7FC, #77BFC9, #6C8FBA, #75589E, #5B3448)
- Wandering Workshop color palette (#EFF7F5, #D1DFF0, #80BDC8, #439690, #3C5765)
- Soft Veranda color palette (#E4F5FB, #00AAB1, #3675B3, #613098, #4D0F30)
- Amber Lagoon color palette (#F1F7F0, #BE8E4C, #007F8F, #6E4266, #463C59)
- Hushed Sunflower Balcony color palette (#F9F5EB, #DACF72, #6FA985, #8A5C62, #3D3732)
- Tempered Honey Cabin color palette (#FBF4EB, #EBC078, #62B8C6, #9A79A1, #58383F)
- Powdered Pine color palette (#D8FFF3, #B2CE9F, #7DB275, #4F8D56, #245655)
Browse the whole catalog at Explore, or see today's palette.