Petrol Grove color palette — #E8F6EF · #81BDD7 · #CE8966 · #007DA1 · #36302B

Built around Cerulean, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Cream (#E8F6EF): a clean, paper-quiet neutral.
• Sky (#81BDD7): A luminous, dusty blue — the color of deep harbor water.
• Camel (#CE8966): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#007DA1): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#36302B): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Petrol Grove 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

• Cobalt Terrace color palette (#F7EFF6, #99B5E0, #BC9557, #4170BB, #422D05)
• Hushed Cypress color palette (#EDF5E9, #7EC3B2, #C68896, #008570, #4B222D)
• Worn Ash color palette (#EAFAF2, #70BBDC, #B883B8, #2B7C9C, #614449)
• Apricot Coast color palette (#EBF7FF, #87D0EC, #E2A075, #4498B5, #614252)
• Weathered Bronze color palette (#DEF9F1, #6FA1D0, #B97A76, #A16C13, #122D27)
• Timeworn Periwinkle color palette (#FDEBFF, #5CACFF, #B86B00, #005192, #321900)
• Denim Alley color palette (#F8EFF6, #D5C09A, #506089, #242F50, #1B1019)
• Aged Courtyard color palette (#FEECF3, #AC96D8, #9F8E27, #724BAE, #2E2700)

Browse the whole catalog at Explore, or see today's palette.