Petrol Grove color palette — #F6ECDD · #60AFB7 · #00819C · #005F51 · #000B13
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#F6ECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Cyan (#60AFB7): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#00819C): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005F51): A full-bodied, dusty teal — the color of sea glass.
- Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Weathered Cerulean color palette (#E8DECF, #60C0D0, #0090B7, #006E65, #001625)
- Weathered Drift color palette (#F1EBE2, #6FA8CB, #0076CF, #005B68, #01012D)
- Weathered Ridge color palette (#EBDAD3, #57A0A6, #006083, #003E21, #000721)
- Patina Cabin color palette (#E1EFED, #38858D, #00444E, #001F1E, #000202)
- Wandering Cornflower Dune color palette (#F7EDDE, #9DC4EA, #548CFF, #007996, #181A40)
- Linen Cabin color palette (#F3EEE6, #B3DFC9, #43AEF2, #009097, #0D2D56)
- Wandering Peony color palette (#DFE6FF, #B49EE8, #CB6BBB, #236EC3, #0C0326)
- Frosted Orchard color palette (#DEE4FD, #535BDE, #B52D00, #006A3B, #01000F)
Browse the whole catalog at Explore, or see today's palette.