Petrol Grove color palette — #F9F4EE · #C9E7E7 · #78A497 · #3D7980 · #614960

Teal and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C9E7E7): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#78A497): A luminous, dusty teal — the color of sea glass.
• Teal (#3D7980): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#614960): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Softworn Cypress color palette (#F9F4EE, #C8E9E1, #65A4B5, #377D6E, #345246)
• Timeworn Lagoon Delta color palette (#FAF3F6, #D9DFEE, #95B3E1, #35988B, #4A516C)
• Patina Driftwood Villa color palette (#FFF1F6, #9F8DC0, #AB7F59, #448478, #523A44)
• Worn Taupe Garden color palette (#FFF0F7, #B2A7DC, #9D9D5D, #75699E, #4F4D46)
• Petrol Hollow color palette (#F4EEE3, #83BDC2, #00748B, #005145, #003248)
• Muted Oat Corridor color palette (#FFF1F6, #E4D7D3, #E5BDA2, #9B7D91, #5F4C51)
• Cerulean Loft color palette (#FAF4EB, #9BDCD9, #00909E, #00694D, #004759)
• Navy Courtyard color palette (#EDE5D8, #5E85A2, #003A7A, #002129, #03002E)

Browse the whole catalog at Explore, or see today's palette.