Petrol Grove color palette — #DFE2D5 · #5FC0DF · #007FA9 · #005862 · #002236
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Bone (#DFE2D5): a clean, paper-quiet neutral.
- Cyan (#5FC0DF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005862): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Softworn Cobalt color palette (#E7ECDF, #7DB6F1, #3472CE, #005378, #0F1C42)
- Softworn Denim Terrace color palette (#E8DFD0, #6DA9BD, #005E86, #003E3E, #00203F)
- Antique Azure color palette (#D8E1D9, #9BC7DF, #159DDA, #007D7E, #00203F)
- Misty Azure color palette (#F4F7EB, #AAE5FF, #00A7EA, #008094, #114367)
- Cobalt Garden color palette (#FFF2EB, #ADD7C1, #207CD1, #005344, #0A0033)
- Seafoam Studio color palette (#F7F7DF, #35E6E4, #009FA8, #007465, #003A42)
- Soft Corridor color palette (#E4DCFB, #8E27FF, #C0005D, #006082, #150929)
- Tempered Market color palette (#E9DAE3, #7C6AFF, #00877C, #4D32B9, #00201D)
Browse the whole catalog at Explore, or see today's palette.