Petrol Grove color palette — #ECF4EE · #C2E1F9 · #6E90B8 · #006A7A · #1C2C47
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF4EE): a clean, paper-quiet neutral.
- Powder Blue (#C2E1F9): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#6E90B8): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006A7A): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#1C2C47): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Washed Courtyard color palette (#DFEDE1, #6DA7AE, #006278, #003A32, #000C16)
- Cobalt Cabin color palette (#FAF4EF, #C7E4D9, #6D89C6, #00716C, #5F3B4D)
- Timeworn Cerulean color palette (#EBF5ED, #A5D0DB, #008C9C, #005E47, #002531)
- Weathered Abyss color palette (#E7F0E8, #458295, #00415D, #001F20, #000104)
- Cerulean Archive color palette (#F9F4EE, #C3E4E6, #77A9E0, #13899C, #38466B)
- Soft Thicket color palette (#D5E7D8, #598FC1, #113EA3, #002A36, #03001B)
- Faded Meadow color palette (#FCEBFF, #CD6A7F, #6C8B41, #306FA6, #28162C)
- Muted Drift color palette (#E1ECE3, #90B9D9, #416BA9, #004958, #0B0D3D)
Browse the whole catalog at Explore, or see today's palette.