Petrol Bloom color palette — #FDF1F9 · #DF9F8D · #71996B · #5662A9 · #60352A
Slate and Camel set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Camel (#DF9F8D): A luminous, balanced orange — the color of toasted spice.
- Moss (#71996B): A luminous, balanced green — the color of fresh herbs.
- Slate (#5662A9): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#60352A): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Creativity, Balance. Tagged muted.
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
- Pewter Thicket color palette (#FFF1F5, #D0A97E, #4F9B98, #7E5691, #593547)
- Dusty Petrol Study color palette (#FDF2F7, #D6A586, #9B8C55, #07729C, #513854)
- Dusty Petrol color palette (#EBF8F7, #92BE9B, #679A72, #665DA4, #593B17)
- Tempered Mulberry color palette (#EEF8F1, #B6A467, #15919B, #81427F, #443700)
- Timeworn Taupe Loft color palette (#E9F6EC, #B2985F, #465E56, #2D3C30, #271F22)
- Washed Loft color palette (#FAF3F6, #DADEED, #99B3D7, #28979F, #48526C)
- Antique Alley color palette (#FFF0F9, #F17037, #008E60, #5715D4, #551B00)
- Driftwood Terrace color palette (#EDF8F3, #B8D9D3, #72A6A8, #8D7292, #39534F)
Browse the whole catalog at Explore, or see today's palette.