Petrol Field color palette — #F5EBF2 · #71C1C3 · #00748D · #005236 · #00314E
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Blush (#F5EBF2): a clean, paper-quiet neutral.
- Mint Leaf (#71C1C3): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005236): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#00314E): 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 Field 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
- Soft Station color palette (#F8EAF1, #83BAD5, #0069BC, #00504F, #222A52)
- Softworn Petrol color palette (#EAEBD9, #6FC3C6, #007985, #004C45, #001A20)
- Aged Cerulean Boulevard color palette (#E4F2EF, #7DD5D8, #0098A5, #006D63, #00343E)
- Cobalt Lagoon color palette (#FCF2F7, #91DAF7, #0084D7, #006762, #2C3C6F)
- Muted Field color palette (#F9F3F7, #D5D6ED, #63A3BC, #497A67, #415568)
- Turquoise Delta color palette (#CDFEF7, #81DAC6, #14A8CF, #626208, #023B3E)
- Timeworn Loft color palette (#F9E6ED, #5F96BE, #0D3AAD, #002F34, #130739)
- Faded Hollow color palette (#C0F5D7, #23A96E, #006631, #003015, #00190C)
Browse the whole catalog at Explore, or see today's palette.