Washed Petrol color palette — #FCF1FD · #7BA3CE · #C17246 · #0067B4 · #643317

Cobalt and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF1FD): a clean, paper-quiet neutral.
• Blue Fog (#7BA3CE): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#C17246): A luminous, balanced orange — the color of toasted spice.
• Cobalt (#0067B4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#643317): A deep, shadowed, balanced orange — the color of toasted spice.

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

Use it as a design system

One click turns Washed 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

• Hushed Lapis color palette (#FEF1F8, #9B98CE, #AD803A, #6250BC, #5A3B00)
• Amber Orchard color palette (#E7F4FF, #60ACDF, #C57831, #006B9F, #3D1E00)
• Amber Courtyard color palette (#EBFAEE, #4AB0BB, #BF7162, #00737D, #643229)
• Hushed Cobalt Meadow color palette (#FAF2FB, #93B3D8, #96A057, #3574BA, #4C5127)
• Apricot Parlor color palette (#E7FAF3, #6EC1F9, #E0903E, #2189C3, #47413C)
• Chalky Bronze color palette (#FFF0FD, #6687CC, #B85F2B, #825A00, #472E44)
• Ultramarine Ridge color palette (#FCD7F4, #5B7AED, #976400, #2600E3, #402800)
• Feathered Hollow color palette (#ECF7FF, #86D8FF, #EDB064, #56AAD0, #573C1B)

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