Petrol Bloom color palette — #FCF3ED · #F2C09F · #C28C68 · #007987 · #562A22

Built around Teal, softened by Caramel — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Wheat (#F2C09F): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#C28C68): A luminous, balanced gold — the color of honey in a jar.
• Teal (#007987): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#562A22): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Cypress Loft color palette (#FEF2F4, #E5BBE9, #C8848B, #007B78, #482C4B)
• Wandering Grove color palette (#FDF3EE, #FBBAA9, #A29D5E, #665FAA, #3E3733)
• Muted Petrol Terrace color palette (#FDF3EB, #F6BE9C, #59A6BF, #007792, #343358)
• Washed Taupe color palette (#FBF2F9, #FFB0A3, #ABB05A, #4C9594, #344161)
• Coral Drift color palette (#FBEFEA, #DD7D70, #6D7746, #005760, #381E2A)
• Bronze Orchard color palette (#FFF2EE, #F0D9B8, #D6A767, #8C7616, #494841)
• Basalt Bloom color palette (#FFF1F5, #E4DAD2, #C8C1AB, #A78C9A, #61454E)
• Blush Study color palette (#F8F2FF, #C57EA6, #477F52, #3B5479, #3B3A54)

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