Gentle Petrol color palette — #E6F8D7 · #73BBC0 · #328DA9 · #226AA2 · #61425A

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

The five colors

• Honeydew (#E6F8D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#73BBC0): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#328DA9): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#226AA2): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#61425A): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Hushed Turquoise Boulevard color palette (#E5FDE5, #81D5E3, #39B2DB, #3D84A9, #5E4B60)
• Softworn Villa color palette (#EBF9F2, #7FBAD1, #BE8C68, #007EA0, #67442A)
• Worn Lagoon color palette (#F6F9D5, #8AC8B0, #259490, #007485, #2D5549)
• Washed Cerulean color palette (#D6F5FF, #6EC5D2, #009CC1, #175D83, #203448)
• Wandering Ultramarine Pier color palette (#D8F2F0, #00AED7, #007EBB, #1938CF, #4C2B7B)
• Lagoon Bloom color palette (#E8FAF1, #EAD6D1, #D4BA98, #649D8F, #594C5A)
• Faded Aubergine Cabin color palette (#BEEEDC, #99B0EE, #7770C9, #744194, #5D3654)
• Dusty Veranda color palette (#CFEFF6, #0090BB, #0055BA, #2B00AC, #3C1B5A)

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