Petrol Grove color palette — #F2F4DF · #71CCD3 · #008091 · #00524D · #001E26
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F2F4DF): A whisper-light, dusty green — the color of fresh herbs.
- Aqua (#71CCD3): A luminous, balanced blue — the color of open sky before noon.
- Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00524D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001E26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Ancient Aqua color palette (#FEF0FB, #43CDD6, #007A98, #00583E, #003658)
- Softworn Petrol Basin color palette (#E7EBDF, #8DC0B2, #366CAE, #004763, #000E42)
- Timeworn Cobalt color palette (#F0F3E9, #B1DBCA, #2D8AC8, #005F75, #002549)
- Glacier Lantern color palette (#E4FBF6, #5BE1EA, #009EB1, #00736C, #003A46)
- Tempered Denim Summit color palette (#EAECE2, #5FAAB5, #006375, #003939, #000D13)
- Abyss Station color palette (#E5E8DA, #5A836F, #00415B, #001E24, #000103)
- Tempered Magenta color palette (#F1DDE1, #BE4CD3, #007DA0, #78008B, #001923)
- Softworn Courtyard color palette (#F5DAF5, #A83CAC, #B91E00, #0048B4, #1D001F)
Browse the whole catalog at Explore, or see today's palette.