Gentle Petrol color palette — #EEE4DE · #56AFC8 · #006AAD · #004C3A · #0B0640

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

The five colors

• Parchment (#EEE4DE): a clean, paper-quiet neutral.
• Cyan (#56AFC8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006AAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C3A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0B0640): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Dusty Delta color palette (#F3E6DA, #5BABDC, #2E55DC, #004A47, #180536)
• Airy Cabin color palette (#F4E5E0, #4BB5AE, #007289, #0C4E06, #001528)
• Weathered Petrol Villa color palette (#F6EAF2, #87C1D4, #006DA7, #003E39, #000014)
• Washed Terrace color palette (#E3F4E6, #009FC1, #005071, #003030, #00142B)
• Chalky Cobalt Bloom color palette (#F7ECE6, #86D2E3, #008ED7, #006F51, #222B4F)
• Azure Canyon color palette (#FFF2ED, #A6E8EE, #00A9E3, #00884E, #273F68)
• Misty Chestnut Atelier color palette (#EBE1D0, #95BA75, #00ACB0, #974500, #151B00)
• Lagoon Studio color palette (#F9F4EF, #C5EFE3, #93A0E1, #058B90, #5F3B4A)

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