Petrol Study color palette — #F8F4EE · #C9E3D9 · #668DB9 · #006E7E · #593D54
Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F8F4EE): a clean, paper-quiet neutral.
- Silver (#C9E3D9): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#668DB9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#006E7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#593D54): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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
- Cerulean Pier color palette (#F8F5EF, #CDE3D5, #4D93B8, #007170, #1F5247)
- Ancient Iris Hollow color palette (#F8F0EA, #C2E6D7, #698CD3, #006D67, #3C2330)
- Cobalt Archive color palette (#FAF4EC, #A0D7F4, #3984C3, #00656F, #253E6E)
- Ancient Periwinkle Coast color palette (#FCF2F6, #D5DEF9, #83A4E7, #288B84, #404663)
- Aged Abyss Delta color palette (#F0EBE2, #478BA0, #00425F, #002223, #000919)
- Washed Denim color palette (#E3DED5, #68ABB3, #006177, #003F36, #002334)
- Antique Petrol Grove color palette (#FCF4E8, #6CC9CD, #007B8F, #005747, #00384C)
- Linen Petrol Archive color palette (#FFF2EF, #C16A7C, #648929, #006CB4, #4F2E27)
Browse the whole catalog at Explore, or see today's palette.