Petrol Study color palette — #E6F2E8 · #76BFC6 · #00748C · #005145 · #003248
A conversation between Teal and Mint Leaf, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Mint Leaf (#76BFC6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003248): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Veranda color palette (#E8F1EA, #90B6D7, #4267A7, #004D5F, #232759)
- Petrol Lantern color palette (#EEE6ED, #81BFC7, #0074A0, #004E2E, #000F41)
- Feathered Cobalt color palette (#EAFAED, #9CD7F7, #4284BD, #00656F, #223D72)
- Turquoise Coast color palette (#F3EEE6, #95E2EA, #00B7DB, #00937F, #003248)
- Hushed Cerulean Study color palette (#F8EBE7, #AECEB5, #2690C4, #007047, #182B57)
- Faded Turquoise Study color palette (#C2FAF9, #84D6C7, #2AB1C9, #426129, #003B3F)
- Patina Cypress Ridge color palette (#F1F7F2, #D3DFF0, #799FB6, #397C74, #3F5568)
- Hushed Abyss color palette (#E3EEE5, #54899A, #00425F, #002223, #000919)
Browse the whole catalog at Explore, or see today's palette.