Petrol Field color palette — #FFF0FB · #68C9D2 · #00799B · #005841 · #00355C
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#68C9D2): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00799B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005841): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00355C): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Petrol Bloom color palette (#F2F4E2, #77CBD2, #008091, #00524E, #001E26)
- Dusty Sapphire color palette (#FFF1F7, #71C2EF, #206CC9, #005558, #282572)
- Ancient Cerulean color palette (#E7FAF6, #93D9DE, #009EB1, #00736C, #003A46)
- Dusty Grove color palette (#E8DAE5, #6DAAB4, #006080, #003F31, #001F40)
- Sky Garden color palette (#FFF2EC, #6DF0FA, #00BCEB, #009C72, #00355A)
- Dusty Cypress Boulevard color palette (#FAF3F8, #D5E1F3, #7A9EB9, #3C7C6E, #43546A)
- Patina Hollow color palette (#F0E0E8, #468AA3, #003F69, #002220, #02002F)
- Faded Sky color palette (#DFFFE1, #60EDD3, #0EB5F3, #606B00, #00452B)
Browse the whole catalog at Explore, or see today's palette.