Gentle Petrol color palette — #E6F6F1 · #7AA9D1 · #BD7E31 · #006AA6 · #3A2100

Peacock takes the lead with Mustard close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E6F6F1): a clean, paper-quiet neutral.
• Blue Fog (#7AA9D1): A luminous, dusty blue — the color of deep harbor water.
• Mustard (#BD7E31): A luminous, balanced gold — the color of old brass.
• Peacock (#006AA6): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3A2100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Amber Thicket color palette (#E5F8E9, #57B3C0, #C57556, #00727D, #431907)
• Antique Amber Grove color palette (#E7FAF4, #65A6DD, #BD7800, #0A6AA9, #593B15)
• Sunlit Lapis color palette (#FBEDF5, #9F9DD4, #A98929, #604AC7, #322500)
• Ancient Cobalt Lantern color palette (#EEF6FF, #88BCF5, #E8974F, #2C7BC9, #5B3A1C)
• Feathered Garden color palette (#FEEBFC, #6C8DCB, #B56B16, #7B6400, #2A1529)
• Ultramarine Cabin color palette (#E9F0FF, #587EEA, #8C6D00, #1A00E1, #1D1500)
• Wandering Denim Boulevard color palette (#FAEEF6, #ADBB86, #495084, #1F224B, #130810)
• Weathered Study color palette (#F8F1DF, #AFAE8B, #7E7738, #6B4104, #1E260B)

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