Petrol Grove color palette — #DCEDED · #87B8E7 · #3B6CAB · #004763 · #041239

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

The five colors

• Frost (#DCEDED): bright and airy, almost weightless.
• Sky (#87B8E7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#3B6CAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004763): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#041239): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Veranda color palette (#F3EEE5, #91B6D7, #3E66AD, #004D5F, #242952)
• Dusty Petrol color palette (#D9EEEA, #77C1C9, #00788A, #004B49, #001921)
• Tempered Cerulean color palette (#E1F7F4, #86DFF5, #0091B4, #006167, #00293A)
• Washed Iris color palette (#FDF2F5, #D8DEFA, #718EDC, #006875, #1E183A)
• Muted Cerulean Meadow color palette (#D9EFED, #3295BF, #004F74, #002A34, #00050D)
• Ultramarine Dune color palette (#C8E9F5, #007A82, #3751BE, #275A01, #000D13)
• Bronze Canyon color palette (#CCEEF5, #009387, #836700, #00524B, #181100)
• Dusty Amber Studio color palette (#FBE1EE, #B8743B, #7F421A, #4E2312, #1D040F)

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