Petrol Market color palette — #E8F1E9 · #78BFC7 · #00748D · #005146 · #003249
Built around Teal, softened by Mint Leaf — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F1E9): a clean, paper-quiet neutral.
- Mint Leaf (#78BFC7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003249): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Market 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
- Washed Station color palette (#F0E5ED, #8EBBCC, #007697, #004D39, #00172D)
- Aged Garden color palette (#EDF9EF, #8DD1E3, #0C83AE, #00605D, #203D57)
- Timeworn Quarry color palette (#DAE7DD, #52ABCE, #005D8E, #003D41, #001D47)
- Sapphire Basin color palette (#E6F2E8, #7CB7ED, #3864B9, #004D60, #262A4E)
- Softworn Turquoise color palette (#EFF0E3, #A3DFE6, #00B8D3, #00918D, #003441)
- Tempered Harbor color palette (#F0F7F1, #D3E0F2, #69A2BA, #417A74, #425565)
- Washed Cerulean color palette (#DDE8DF, #3F8BA4, #004160, #002223, #00091A)
- Feathered Boulevard color palette (#CEE5D4, #9C7A00, #3564C5, #5B4600, #13274F)
Browse the whole catalog at Explore, or see today's palette.