Petrol Garden color palette — #EDF8F3 · #84B7D5 · #C48873 · #127CA9 · #6A4133
Cerulean and Caramel set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF8F3): a clean, paper-quiet neutral.
- Sky (#84B7D5): A luminous, dusty blue — the color of open sky before noon.
- Caramel (#C48873): A luminous, balanced orange — the color of toasted spice.
- Cerulean (#127CA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#6A4133): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Wandering Lantern color palette (#F0F8EF, #7FBEB7, #C581A0, #00847C, #68413F)
- Washed Cobalt Meadow color palette (#FEF0FA, #A1AEDC, #9B9D63, #5B6CB8, #5D4C00)
- Antique Station color palette (#EAF9F3, #EAD5D0, #A8A298, #489595, #5D4D5D)
- Hushed Petrol color palette (#E7F4FE, #83BCDB, #C084BA, #007CA8, #342C46)
- Timeworn Mallow Parlor color palette (#EAF9F3, #8ECDF6, #DD96CF, #4B95C2, #614447)
- Weathered Bronze color palette (#E3FCF4, #769CC0, #B47869, #996C2C, #2F4842)
- Softworn Navy Courtyard color palette (#FFF0FE, #6DA3F5, #BC6400, #0048A5, #5A2D00)
- Antique Turquoise color palette (#ECF7FF, #A0DFFF, #F6B698, #6BB2D6, #5E4453)
Browse the whole catalog at Explore, or see today's palette.