Petrol Garden color palette — #DFFFE7 · #82C0D6 · #4A8DBC · #4864A0 · #64445B

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

The five colors

• Honeydew (#DFFFE7): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#82C0D6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4A8DBC): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4864A0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#64445B): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

Use it as a design system

One click turns Petrol Garden 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 Lagoon color palette (#EBF9F5, #8DB4DC, #BD8F50, #3276B4, #514C46)
• Muted Atelier color palette (#E3F4FF, #78BBE1, #3489C2, #2D5A87, #203248)
• Powder Balcony color palette (#E3F7FF, #8FE1FF, #83BBEE, #798CB8, #464F69)
• Softworn Pewter color palette (#D6FAF0, #ACBDEB, #8377BC, #724E8B, #6E454C)
• Weathered Lagoon color palette (#EEFBDB, #82C2B1, #10989A, #007380, #30584A)
• Weathered Cerulean color palette (#FDF0FE, #E8D8D8, #D4BB9E, #5194A4, #5E4D5B)
• Aubergine Delta color palette (#DEEAF8, #7190D3, #6056BB, #642795, #522C53)
• Tempered Delta color palette (#FFF0FD, #DDB8D6, #677DB2, #364881, #1E3457)

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