Petrol Garden color palette — #EEF9EF · #DBD5E0 · #82A7E3 · #007B96 · #242A51
Teal takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EEF9EF): a clean, paper-quiet neutral.
- Silver (#DBD5E0): a clean, paper-quiet neutral.
- Cornflower (#82A7E3): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007B96): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#242A51): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Garden 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
- Patina Field color palette (#EFF8F1, #D6D6E5, #4FB5D0, #1A806E, #003348)
- Muted Powder color palette (#FDF2F5, #CDE3F8, #9BACFB, #009FA3, #423159)
- Weathered Petrol Orchard color palette (#E4F3E7, #6AC5DF, #00709A, #003E3D, #000308)
- Muted Cobalt color palette (#FAF4EB, #A2CAED, #4877C4, #005D71, #4E2E46)
- Dusty Powder color palette (#F1F7F2, #DAD5E0, #C1C0EC, #6C99AE, #424E62)
- Frosted Cobalt color palette (#FFEFFF, #EC828A, #6DA94D, #3E7ED1, #281029)
- Cerulean Meadow color palette (#EEF8F0, #98DADA, #00899C, #005341, #000F16)
- Weathered Driftwood Corridor color palette (#FEF0FF, #FFD8A7, #E9D6D8, #B87793, #3D2538)
Browse the whole catalog at Explore, or see today's palette.