Gentle Petrol color palette — #CCE9FF · #006FA5 · #7A4E00 · #553500 · #002237

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

The five colors

• Frost (#CCE9FF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006FA5): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#7A4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#553500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Midnight (#002237): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, 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 Petrol color palette (#D0E8FF, #006CB1, #645A00, #00492E, #00213B)
• Washed Chestnut color palette (#EAF1E5, #007D67, #874900, #4A3900, #000E0A)
• Tempered Grape color palette (#D8DDF5, #6B41C2, #625200, #423700, #1C1434)
• Dusty Parlor color palette (#F1F5FF, #665BEE, #7E6300, #5C4700, #26274A)
• Dusty Study color palette (#C0EEF5, #009C86, #AA6500, #665800, #00261F)
• Sunlit Sapphire Summit color palette (#D9E9FF, #0063E9, #91020E, #003E1E, #002526)
• Misty Mulberry color palette (#BDEEFF, #00738E, #A5023E, #750029, #00242E)
• Tempered Cabin color palette (#EFF6FF, #6E90CA, #9A7759, #795738, #353E4A)

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