Petrol Grove color palette — #F6EBF1 · #93B7CE · #2B6BA9 · #00504E · #1E2660

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F6EBF1): a clean, paper-quiet neutral.
• Ash (#93B7CE): A luminous, dusty blue — the color of open sky before noon.
• Slate (#2B6BA9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#1E2660): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Cobalt Lantern color palette (#FDF2F6, #B2C8DB, #5477B7, #005F65, #36355F)
• Timeworn Petrol color palette (#E8EAE2, #80BDDA, #0073A5, #004957, #00172B)
• Patina Spruce color palette (#EDE3EA, #71ABA7, #006271, #004120, #002333)
• Chalky Periwinkle Orchard color palette (#F7ECE5, #96DFFF, #6AA9E8, #00918D, #202A54)
• Ancient Cypress Chapel color palette (#FBF2F8, #C0E3F0, #4C95AF, #007454, #314A62)
• Gentle Villa color palette (#D3F8FB, #8FDDE7, #77A3DA, #276E00, #003B3C)
• Worn Emerald Summit color palette (#E4F0CE, #58A45B, #006A4E, #004C42, #003537)
• Softworn Navy color palette (#FCEAF0, #6484A1, #132998, #002226, #0B0027)

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