Gentle Petrol color palette — #F2E3EB · #6DACC4 · #006AAD · #004A46 · #040644
A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F2E3EB): bright and airy, almost weightless.
- Cyan (#6DACC4): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006AAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004A46): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#040644): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Wandering Petrol color palette (#EADFE6, #5BB2B3, #007289, #004D30, #001625)
- Timeworn Grove color palette (#ECDCE1, #86B8DD, #3F6FD1, #00585F, #1D1546)
- Hushed Balcony color palette (#FBEADF, #7EC2DB, #006CAD, #003E3A, #000015)
- Aged Field color palette (#E0E3D5, #5F98AF, #00506F, #002F36, #001626)
- Weathered Coast color palette (#F6EBF1, #9FCBE3, #448EBF, #006D62, #132B5B)
- Azure Drift color palette (#FCF1FA, #A5E8F4, #12A9E0, #00856C, #19416C)
- Hushed Rust Lantern color palette (#FAE5F1, #C54B00, #006CA5, #752A00, #00111F)
- Chestnut Harbor color palette (#FAD9C5, #9D4D00, #006483, #343F78, #110400)
Browse the whole catalog at Explore, or see today's palette.