Petrol Grove color palette — #F5EBF2 · #8BB9CE · #00719E · #005144 · #092C5B
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#F5EBF2): a clean, paper-quiet neutral.
- Ash (#8BB9CE): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#00719E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#092C5B): A deep, shadowed, balanced 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
- Muted Petrol color palette (#E9EBDD, #81BFCC, #007792, #004B4E, #001924)
- Ancient Cerulean Veranda color palette (#E6F1EF, #A2CBDF, #0095B8, #006B70, #003346)
- Denim Quarry color palette (#E8DAE0, #71A6C6, #25569A, #003E40, #191649)
- Feathered Cobalt color palette (#FFF1F6, #A1D5FC, #557DCB, #00656E, #3B376E)
- Misty Azure Boulevard color palette (#F5EDE8, #B4DFC3, #14B1F4, #00937D, #102D55)
- Tempered Ash Archive color palette (#FAF3F7, #D6E0F2, #739FBF, #407B72, #455369)
- Abyss Orchard color palette (#E8DDE5, #549D9E, #005264, #00321E, #001625)
- Muted Navy color palette (#F6E7EE, #5588A1, #003C74, #002222, #05002C)
Browse the whole catalog at Explore, or see today's palette.