Gentle Petrol color palette — #D9F9E5 · #00ADBC · #2B68AB · #643824 · #3A1300

Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D9F9E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00ADBC): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#2B68AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#643824): A deep, shadowed, dusty orange — the color of autumn markets.
• Espresso (#3A1300): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

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

• Weathered Azure color palette (#D5E7E2, #3EA0CA, #5A5EA2, #563B00, #262100)
• Muted Jade color palette (#E3EFD3, #00B892, #047089, #72282A, #3B0C0F)
• Cobalt Ridge color palette (#A4F2ED, #75B0D1, #6F79B1, #614B19, #342900)
• Linen Turquoise color palette (#CBEAE4, #26BECF, #5D8AB3, #814A58, #652216)
• Powdered Bronze Chapel color palette (#E3F3EA, #0095B7, #A55D00, #00556A, #241000)
• Hushed Azure color palette (#DCFCFF, #70D9F9, #349EDE, #634D83, #46284A)
• Patina Basin color palette (#C4E5F5, #007DA3, #A83D00, #724700, #001119)
• Jade Courtyard color palette (#E6E8C6, #00AF82, #006967, #1F4A08, #001C12)

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