Petrol Grove color palette — #F0F6FA · #D7D9E0 · #BCBDCB · #0080A4 · #3D4A52
Cerulean and Charcoal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F6FA): bright and airy, almost weightless.
- Silver (#D7D9E0): bright and airy, almost weightless.
- Ash (#BCBDCB): a calm mid-gray that lets other colors speak.
- Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3D4A52): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Parlor color palette (#ECF3F7, #D5D6DE, #BFBACD, #3A7F94, #242E33)
- Cerulean Field color palette (#F0F7F3, #D0DFE1, #DDC3C6, #6099AA, #3F4B44)
- Indigo Courtyard color palette (#F2F5FD, #DCD7E2, #B8B9D6, #605DB5, #373F55)
- Cypress Workshop color palette (#E9F9F8, #86BABC, #41816F, #32626D, #2A4849)
- Abyss Grove color palette (#E4EFF9, #9CABBB, #6D819C, #003C5A, #061521)
- Worn Grove color palette (#F1F4FF, #ABAEC4, #83809B, #70526E, #594043)
- Soft Atelier color palette (#EEF6FF, #CBDEFF, #79BFFF, #657EE7, #263C55)
- Muted Station color palette (#FEF0FF, #729ACC, #5C659C, #7A2C5A, #2B3E59)
Browse the whole catalog at Explore, or see today's palette.