Petrol Garden color palette — #FFF4E2 · #7EC3DD · #0076AC · #005558 · #003265
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sky (#7EC3DD): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0076AC): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
- Navy (#003265): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Petrol Orchard color palette (#FFF4E3, #6CCAC6, #007C89, #005840, #003948)
- Cobalt Alley color palette (#FDEFE6, #7CC7E6, #1D70CE, #005347, #18054C)
- Softworn Denim Orchard color palette (#EFE9DF, #73A7C0, #005B92, #003D43, #001B4C)
- Chalky Terrace color palette (#FEF1F8, #97D5ED, #178DF8, #007462, #2B256E)
- Sky Drift color palette (#E9FBEC, #A2E5FF, #38B6FD, #00979C, #043262)
- Cerulean Meadow color palette (#F9F4ED, #C1E6D9, #658CC0, #006E82, #583E52)
- Tempered Navy color palette (#ECE5DB, #5385B1, #13387A, #00212A, #05002C)
- Lagoon Boulevard color palette (#E7DED1, #3FA19D, #00545D, #003123, #00171F)
Browse the whole catalog at Explore, or see today's palette.