Petrol Thicket color palette — #FFF4E2 · #61A0C2 · #5564A8 · #7C3616 · #19463C

Slate and Rust set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Blue Fog (#61A0C2): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5564A8): A full-bodied, balanced violet — the color of wild irises.
• Rust (#7C3616): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#19463C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Petrol Thicket 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 Cocoa color palette (#FFF4E2, #699BD1, #6A609A, #733F00, #4D3349)
• Worn Delta color palette (#FFF4E2, #53A99E, #097593, #783151, #29452D)
• Feathered Indigo Alley color palette (#FBF0DF, #19B0BA, #5B61B3, #594300, #0A291E)
• Wandering Meadow color palette (#ECF9F4, #4290C3, #884A79, #634000, #004333)
• Worn Chestnut Thicket color palette (#FCF4E8, #BE9AB9, #826C9A, #775108, #55414D)
• Washed Iris color palette (#E8FBEC, #41C6D0, #757DD0, #795F1D, #2A404F)
• Dusty Lantern color palette (#F8F5EF, #CAE3D6, #5591BA, #007075, #563E57)
• Ancient Mulberry color palette (#FAEDD8, #9A72B7, #873C63, #3A4600, #412343)

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