Petrol Study color palette — #F3F7EC · #C0E0F3 · #70ACE2 · #007A9B · #0E2E55
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Powder Blue (#C0E0F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#70ACE2): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007A9B): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#0E2E55): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Weathered Boulevard color palette (#F6F6EB, #B5E7EE, #35BAC7, #008074, #00353E)
- Petrol Canyon color palette (#EEF0DF, #78C4D4, #00738C, #003D3F, #000305)
- Gentle Azure color palette (#E8F8FF, #6BC9F1, #009BD7, #005B8B, #022A50)
- Worn Parlor color palette (#E3E8DA, #7AA7CE, #0B549C, #00293A, #000108)
- Ancient Powder color palette (#FCF3EC, #C1E6FF, #89B2F7, #159EA7, #4D2F42)
- Chalky Garden color palette (#DBFFF1, #36B2F1, #A581D9, #009473, #001E2E)
- Tempered Garden color palette (#FFF0FE, #E9D4D8, #CBBBBB, #539DD6, #41243D)
- Gentle Fuchsia Coast color palette (#E7FAF4, #82C6FF, #E77BC0, #007CC3, #470A35)
Browse the whole catalog at Explore, or see today's palette.