Gentle Petrol color palette — #D8F5CE · #6DC6D3 · #1BA3CD · #2168AF · #3C436A

A conversation between Cobalt and Cyan, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D8F5CE): A whisper-light, dusty green — the color of fresh herbs.
• Aqua (#6DC6D3): A luminous, balanced blue — the color of deep harbor water.
• Cyan (#1BA3CD): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#2168AF): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3C436A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, 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

• Linen Lagoon color palette (#E6EEC5, #83D0B7, #00A4AB, #007492, #23496C)
• Pale Workshop color palette (#D5FFFA, #39ECFA, #46B5E8, #4B689E, #3C3D61)
• Indigo Delta color palette (#C7ECCF, #80C6F1, #7094E8, #6560C0, #553E66)
• Sunlit Denim Villa color palette (#FFF0FF, #ABCDFA, #5899D0, #215EAA, #062E55)
• Signal Lapis color palette (#CAF9FA, #00B7E3, #007ED8, #3E0AF0, #48097F)
• Feathered Sky Veranda color palette (#A8F3FD, #4CD9FD, #36B3EC, #5892BB, #5A4159)
• Antique Balcony color palette (#E9FAF4, #7EC0EF, #E18E52, #0088CB, #623513)
• Hushed Teal color palette (#E3FCF1, #EAD9D3, #F8C0E4, #4CAEAA, #524155)

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