Petrol Grove color palette — #EDF4F0 · #DDD4D7 · #C3B1BC · #00708A · #13251C
A conversation between Teal and Onyx, giving this palette its sense of trust and stability.
The five colors
- Cream (#EDF4F0): bright and airy, almost weightless.
- Silver (#DDD4D7): bright and airy, almost weightless.
- Ash (#C3B1BC): A luminous, dusty pink — the color of a candy shop window.
- Teal (#00708A): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#13251C): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Ancient Petrol color palette (#F0F7F3, #CEDCDD, #BCAEBE, #006E90, #303E38)
- Aged Cerulean Chapel color palette (#F0F6FA, #D8DBE6, #B8AFBE, #0697C3, #253037)
- Ancient Cypress Dune color palette (#F5F2E2, #9DA481, #0D7561, #004F62, #1A1F00)
- Dusty Abyss color palette (#E3EAE7, #BCAEBA, #A08492, #004A67, #010E08)
- Timeworn Atelier color palette (#D6EBD2, #8EAC9E, #6D7199, #5C4419, #17350F)
- Ultramarine Lantern color palette (#F7EFF5, #DFCFD6, #CB9DA6, #224ACB, #241422)
- Nocturne Petrol Thicket color palette (#EEE0EF, #0B66B3, #361A2B, #160518, #000301)
- Amethyst Delta color palette (#F7EFF2, #E2D3CD, #DDB4AF, #7B49C5, #2E2026)
Browse the whole catalog at Explore, or see today's palette.