Petrol Market color palette — #FDECFB · #7BA4E7 · #A58A42 · #3963A8 · #322500

A conversation between Peacock and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Blush (#FDECFB): A whisper-light, dusty pink — the color of a candy shop window.
• Cornflower (#7BA4E7): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#A58A42): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#3963A8): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#322500): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Petrol Market 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

• Muted Lagoon color palette (#FEF0FC, #819FDB, #A6852E, #3860BA, #543F00)
• Amber Chapel color palette (#E5F7ED, #62AFCC, #BF7C40, #006F8D, #3D1E00)
• Pewter Dune color palette (#FCEDF4, #B1ABE6, #90A56D, #7068A4, #32312A)
• Pale Studio color palette (#EEF6FF, #91BAEF, #BCA34A, #1B7FEA, #504100)
• Misty Chapel color palette (#FFEBFA, #7488D3, #977C2D, #5D6F22, #2C1527)
• Antique Cobalt Delta color palette (#EFF6FF, #BFD4FF, #D9B576, #6688CF, #4B3400)
• Worn Thicket color palette (#FEECF5, #98BF99, #534F79, #262143, #14080F)
• Hushed Cocoa color palette (#FFEEE2, #C2A782, #946A53, #6B3D40, #29220E)

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