Petrol Market color palette — #FFEFDE · #65AE8C · #1772A3 · #643C00 · #112910
Built around Slate, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEFDE): A whisper-light, dusty gold — the color of honey in a jar.
- Jade (#65AE8C): A luminous, balanced teal — the color of sea glass.
- Slate (#1772A3): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#643C00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#112910): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro, muted.
Use it as a design system
One click turns Petrol Market 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
- Tempered Cobalt Lagoon color palette (#F8F1E1, #7BB8B9, #6875A9, #5D5218, #163326)
- Garnet Balcony color palette (#FFEDEA, #8BA866, #007A83, #74273E, #1E2704)
- Airy Petrol Studio color palette (#FFF4E2, #34AAB3, #0570AB, #7C313D, #274434)
- Softworn Cabin color palette (#ECF5E9, #3CA092, #9A4459, #613400, #301700)
- Softworn Grove color palette (#FFF1F7, #6FC4AA, #438BCB, #8B5426, #23424C)
- Lapis Studio color palette (#F5F5CF, #00A3B7, #5D4EB4, #2A4800, #001F31)
- Washed Pine Villa color palette (#FAF0E4, #BDB48C, #57815C, #195F69, #2E2709)
- Ultramarine Bloom color palette (#F0DCBF, #00928E, #1C30D5, #412D00, #00151C)
Browse the whole catalog at Explore, or see today's palette.