Petrol Study color palette — #F5EBF1 · #82BCCB · #1C6DA6 · #00523D · #212859
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#F5EBF1): bright and airy, almost weightless.
- Ash (#82BCCB): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#1C6DA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#212859): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Ancient Cobalt Thicket color palette (#FBF2F7, #A3CBE4, #497AB6, #006153, #36355C)
- Softworn Drift color palette (#EEE8E0, #96BEA6, #00759E, #004B49, #00172C)
- Airy Nightshade Balcony color palette (#F3E4EA, #73A5C7, #2F4EAB, #003E3C, #240F49)
- Hazy Teal Summit color palette (#C5EADB, #00A6A0, #006479, #00415F, #022A62)
- Wisteria Summit color palette (#D3F1FF, #A1C4EE, #C18CD0, #006E54, #1C354B)
- Azure Villa color palette (#C5ECFF, #15A3D6, #005F8A, #002E41, #001625)
- Dusty Bloom color palette (#D5EBF3, #007794, #914700, #5B4300, #00242E)
- Ancient Fern Workshop color palette (#F8F3F9, #C4E2EA, #4896AB, #456E40, #2E4A65)
Browse the whole catalog at Explore, or see today's palette.