Petrol Garden color palette — #ECF1E1 · #62C1FF · #006AB2 · #003B4E · #00020B
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#ECF1E1): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#62C1FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#006AB2): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003B4E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00020B): A deep, shadowed, dusty 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
- Weathered Petrol color palette (#EEF0DE, #6CC7D4, #007388, #003E3D, #000305)
- Ancient Navy color palette (#D5E3D8, #658FAE, #00478F, #002A33, #01001D)
- Softworn Cornflower Dune color palette (#F5EBDD, #7CB8E1, #3183E3, #006A7C, #070A3D)
- Soft Byzantium Courtyard color palette (#EDDAF4, #9C00C2, #A70020, #00447B, #030004)
- Timeworn Boulevard color palette (#F3F7EB, #DBD5DF, #7CA9E3, #347798, #3F223C)
- Aged Balcony color palette (#F7F7E2, #B2FFFA, #00AFB5, #007462, #002A30)
- Pale Aubergine Veranda color palette (#FAE8FF, #FCAFF6, #D27FAA, #643F8F, #0C0002)
- Grape Loft color palette (#E8EAFE, #8158FF, #6A00CA, #3B0061, #0C0014)
Browse the whole catalog at Explore, or see today's palette.