Petrol Study color palette — #F1E5ED · #80BED0 · #0073A7 · #004C43 · #051432
Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F1E5ED): a clean, paper-quiet neutral.
- Ash (#80BED0): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#051432): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, 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
- Ancient Cobalt color palette (#F8EFF3, #9ED0E6, #1B80CF, #005C58, #122039)
- Timeworn Petrol color palette (#DEF4F1, #76BDD1, #007393, #004F55, #003248)
- Linen Ultramarine Coast color palette (#F5E7EC, #6EA3C6, #1952AF, #00393C, #09012C)
- Sunlit Lilac color palette (#DBF2FF, #96C4F5, #B080DF, #006B63, #072031)
- Washed Lagoon color palette (#CFE5E0, #00979A, #006876, #00364D, #001329)
- Washed Ash color palette (#F6F0F3, #D6D1E7, #73A2C8, #2D7972, #2A374B)
- Aged Azure Canyon color palette (#BFE9FF, #24A0DD, #006087, #002A3E, #00050C)
- Timeworn Lagoon Basin color palette (#F0E4EC, #369AA0, #005266, #002D1E, #00050C)
Browse the whole catalog at Explore, or see today's palette.