Petrol Field color palette — #E1F3F1 · #7CBCD0 · #007295 · #004F56 · #00324A
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1F3F1): a clean, paper-quiet neutral.
- Cyan (#7CBCD0): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Teal (#00324A): 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 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
- Cerulean Basin color palette (#EBF8F7, #98CDE9, #427FA6, #005D6F, #1D3D5A)
- Airy Grove color palette (#D0E4E3, #60A6D8, #00599A, #003B4E, #071E3F)
- Softworn Cerulean Dune color palette (#DFF1EE, #23A1AC, #005360, #00302E, #00171E)
- Tempered Ash Alley color palette (#EDF8F6, #D4DCEE, #6FA0BC, #417883, #435564)
- Linen Lagoon color palette (#F4ECF1, #A3DEF1, #4BAAFD, #009476, #242953)
- Amber Grove color palette (#FFEDF4, #E3B983, #BC982C, #924D2A, #4A2A37)
- Sunlit Rust Field color palette (#F3D4E6, #D14F00, #8049B8, #7C2B00, #321C49)
- Bronze Pier color palette (#F3E5DC, #A55000, #586600, #792C59, #311424)
Browse the whole catalog at Explore, or see today's palette.