Petrol Field color palette — #F2F3E3 · #76CCCD · #00818B · #005249 · #001E24
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F2F3E3): A whisper-light, dusty green — the color of new leaves after rain.
- Aqua (#76CCCD): A luminous, balanced teal — the color of glacier melt.
- Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005249): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001E24): 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
- Softworn Petrol color palette (#E7EBDF, #8DC0AF, #286FAB, #00485E, #001534)
- Dusty Aqua color palette (#FFF0FA, #4FCDCE, #007B92, #005937, #003753)
- Timeworn Cobalt Orchard color palette (#F0F4E5, #AFDBC7, #008DC7, #006070, #002743)
- Tempered Denim Lantern color palette (#E0E1D8, #64A9AF, #006470, #003A36, #000D12)
- Abyss Orchard color palette (#EFF1E4, #4B8191, #004257, #001F22, #000103)
- Hazy Turquoise color palette (#FFF2EB, #B4FEFF, #00ABCD, #00764D, #00283F)
- Dusty Lantern color palette (#F1DCCB, #BB7100, #885900, #453000, #221800)
- Mulberry Study color palette (#FCEED7, #946900, #007A23, #9B0034, #160C00)
Browse the whole catalog at Explore, or see today's palette.