Petrol Field color palette — #F7EBE7 · #9BC2A4 · #00709C · #004026 · #000113
A conversation between Peacock and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7EBE7): a clean, paper-quiet neutral.
- Mint Leaf (#9BC2A4): A luminous, dusty teal — the color of sea glass.
- Peacock (#00709C): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004026): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000113): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, 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
- Gentle Meadow color palette (#FAEBE1, #7BC2DF, #0065C5, #003F36, #020012)
- Cobalt Villa color palette (#FFF2EB, #96D6F1, #317BCF, #005346, #0B0032)
- Dusty Cerulean Bloom color palette (#F3EBDD, #1F9BA9, #005266, #002C27, #00050B)
- Timeworn Cerulean color palette (#D4E3D7, #5EC1CE, #0091B3, #006E62, #001624)
- Quiet Plum color palette (#F7E8F0, #B40083, #006B30, #005123, #040002)
- Wandering Cypress color palette (#FCF3EF, #C1E2EE, #75ACDB, #008263, #242B4E)
- Chalky Nightshade color palette (#FDDFFF, #F0B1B7, #E09A00, #3845AA, #14000B)
- Aubergine Atelier color palette (#FFE4E8, #AC57B2, #007B4B, #63006A, #000201)
Browse the whole catalog at Explore, or see today's palette.