Petrol Garden color palette — #E5F3FF · #72B1D9 · #006C9A · #003B5D · #00273D
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E5F3FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#72B1D9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006C9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003B5D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00273D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, muted, cool.
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 Sky color palette (#ECF7FF, #A0D6FF, #3DB1F9, #1D79AB, #002539)
- Hazy Loft color palette (#EFF6FF, #98B7E7, #5078BA, #22428F, #142F5D)
- Ancient Studio color palette (#DCF8FF, #53B4B3, #006F6F, #00423D, #002B29)
- Ancient Grove color palette (#CAFFF0, #6BC3FF, #008CBB, #005080, #002136)
- Navy Market color palette (#F0F5FF, #869AD5, #405EB7, #201887, #091550)
- Dusty Petrol Summit color palette (#ECF7FF, #BFDAFD, #A9A3DE, #00808A, #2A4764)
- Cobalt Balcony color palette (#D6E7F8, #2584D0, #004574, #001C35, #000715)
- Antique Navy color palette (#E8EFFA, #B29861, #283E7C, #0E1C4D, #0B1628)
Browse the whole catalog at Explore, or see today's palette.