Petrol Summit color palette — #FEF1F9 · #CEDDA9 · #8991C1 · #585F8C · #291E25

Slate and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Celadon Mist (#CEDDA9): A whisper-light, dusty green — the color of fresh herbs.
• Blue Fog (#8991C1): A luminous, dusty violet — the color of a velvet chair.
• Slate (#585F8C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#291E25): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Petrol Summit 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

• Washed Balcony color palette (#FCF2F6, #D6E5BE, #BB90A1, #74648B, #36262C)
• Hushed Corridor color palette (#F2F5FE, #DAC18D, #6F68A6, #413B67, #1E212D)
• Weathered Driftwood Studio color palette (#FCEAE8, #ADD5A9, #B2708F, #7A405C, #250E0E)
• Indigo Dune color palette (#FBF2F7, #FEE2A8, #746AB7, #4C2D3F, #160C12)
• Antique Wisteria color palette (#FBF3F4, #E1D9D3, #B4B4A7, #C598D5, #4F4447)
• Mint Grove color palette (#EAF3FE, #92C384, #395583, #1A283B, #080D14)
• Linen Lagoon color palette (#FBDAE9, #72D984, #885FE5, #543991, #12062A)
• Hushed Cerulean Courtyard color palette (#F6F7E1, #BAC2FF, #D08EA7, #0093A1, #50333E)

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