Petrol Garden color palette — #FFF2EB · #56C9E3 · #0076A8 · #00574A · #0C3165
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Cyan (#56C9E3): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0076A8): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00574A): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#0C3165): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Washed Aqua Cabin color palette (#DDF9F5, #3ECFED, #007E9D, #005155, #001D2B)
- Weathered Field color palette (#F4F8E1, #55DFFD, #009BC2, #007178, #00384E)
- Weathered Lagoon color palette (#FBF3F0, #A9D0B4, #0083B0, #00624F, #49304C)
- Sapphire Drift color palette (#FFF3E7, #7FBFF0, #1E59F8, #00545D, #302667)
- Cornflower Cabin color palette (#FCF4EB, #A5D3FF, #5675E4, #006472, #403767)
- Aged Denim Field color palette (#F2E4DC, #63AAC1, #005C8F, #003E39, #0D1C42)
- Wisteria Ridge color palette (#DFF7FF, #AFD1FF, #BD90FE, #007468, #0C405C)
- Weathered Sky Alley color palette (#E7FCEB, #90E9FF, #00BAF5, #009892, #003659)
Browse the whole catalog at Explore, or see today's palette.