Petrol Field color palette — #E8F0F4 · #CED9E2 · #ADB8CA · #00818D · #1B313A
Teal takes the lead with Deep Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E8F0F4): bright and airy, almost weightless.
- Silver (#CED9E2): a clean, paper-quiet neutral.
- Ash (#ADB8CA): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#1B313A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Softworn Petrol color palette (#DBE5EB, #B9C5D4, #99A3C4, #006A8B, #13212A)
- Washed Chapel color palette (#F0F6FB, #DAD9E0, #C7BECF, #5F96BC, #3E4952)
- Aged Pine Atelier color palette (#D4EBDF, #92AF81, #25855B, #00616A, #1C2F0D)
- Lapis Dune color palette (#CBE7F2, #0098A7, #5C4FBB, #653300, #002524)
- Worn Field color palette (#D3F9F2, #82B4D0, #7075B2, #6C5110, #203F09)
- Washed Atelier color palette (#F0F6FD, #D8DDF1, #BEB8E0, #246CF3, #243449)
- Muted Harbor color palette (#E1EFF9, #007AAE, #283054, #001827, #000509)
- Wandering Violet color palette (#F2F4FF, #E1D5E1, #CEB7C4, #9267E9, #3B3E52)
Browse the whole catalog at Explore, or see today's palette.