Petrol Study color palette — #FFF0F8 · #75B6AB · #4B7DA0 · #7B4C30 · #324C56
Slate and Coffee set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Mint Leaf (#75B6AB): A luminous, dusty teal — the color of sea glass.
- Slate (#4B7DA0): A full-bodied, dusty blue — the color of open sky before noon.
- Coffee (#7B4C30): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Charcoal (#324C56): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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
- Weathered Meadow color palette (#FFF0F9, #94B285, #358584, #7F4458, #2B4F4E)
- Antique Villa color palette (#E8FAF4, #7CB1C1, #6B73A5, #625C00, #334A5E)
- Timeworn Cerulean color palette (#F0F4E3, #68BAC8, #2382AB, #59496F, #203027)
- Washed Pewter color palette (#E5FAFA, #ABC2CC, #7C92AA, #876674, #415850)
- Powdered Ultramarine Alley color palette (#DEFFE5, #009FA3, #005DBB, #594100, #003C4A)
- Antique Seafoam color palette (#FFF2EC, #6AE8E0, #86B3DD, #A68372, #3D4C41)
- Aged Garden color palette (#C5E8D4, #008794, #1E42A5, #3E3200, #002837)
- Washed Balcony color palette (#D0F3EA, #007090, #3A149B, #252700, #00172D)
Browse the whole catalog at Explore, or see today's palette.