Petrol Summit color palette — #F9F5E9 · #8C8645 · #346F9E · #664367 · #3B3531
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5E9): a clean, paper-quiet neutral.
- Moss (#8C8645): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#346F9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#664367): A full-bodied, dusty pink — the color of neon signs at night.
- Espresso (#3B3531): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Denim Balcony color palette (#F4F7EC, #4F9468, #6855A2, #763D4A, #37342D)
- Amber Coast color palette (#FEF3EA, #B57547, #00797A, #3C4C7F, #43312F)
- Antique Moss Summit color palette (#F6F2E3, #968902, #6567AA, #474976, #261616)
- Antique Mustard color palette (#ECF9EE, #BAA649, #9679BB, #725F8A, #383441)
- Weathered Lagoon color palette (#FCF4E8, #9AB17B, #35886B, #5E4F80, #484C00)
- Driftwood Atelier color palette (#F6F5EF, #D6DCD5, #9BB1B7, #8F833A, #54534C)
- Lagoon Archive color palette (#FFF5D3, #AECA9F, #4B9365, #006A55, #00504A)
- Muted Atelier color palette (#F1F3E7, #4F8D59, #35412C, #282A1C, #131711)
Browse the whole catalog at Explore, or see today's palette.