Gentle Petrol color palette — #FBF0E0 · #2CADC6 · #5464B0 · #5C4100 · #0D2920

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

The five colors

• Cream (#FBF0E0): A whisper-light, dusty gold — the color of old brass.
• Cyan (#2CADC6): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5464B0): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#5C4100): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#0D2920): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged retro.

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

• Washed Indigo Coast color palette (#F5F3E0, #66A3D1, #7856AB, #3F4D10, #2D1C2B)
• Patina Teal color palette (#FFEEE6, #45B290, #007698, #732D26, #162814)
• Mulberry Orchard color palette (#EAF5EC, #00A0AB, #924087, #494200, #142301)
• Misty Azure Veranda color palette (#EFFAE1, #4B9FDB, #4967A9, #683C5E, #463749)
• Chalky Orchard color palette (#F3EACB, #008ABE, #5F00C8, #353300, #00112D)
• Muted Balcony color palette (#E7FCE5, #2EC4E8, #7981BA, #7C5D36, #2A4051)
• Weathered Cobalt Pier color palette (#D5E6E1, #0078C9, #432638, #051A16, #020805)
• Worn Cerulean Orchard color palette (#F9F0EA, #C0E7D1, #5894C1, #006D64, #3B2238)

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