Petrol Delta color palette — #FEF3E7 · #FED3B9 · #ADA370 · #6E6AA5 · #5C3500
Slate and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FEF3E7): a clean, paper-quiet neutral.
- Peach Cream (#FED3B9): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#ADA370): A luminous, dusty green — the color of fresh herbs.
- Slate (#6E6AA5): A full-bodied, balanced violet — the color of a velvet chair.
- Cocoa (#5C3500): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Petrol Delta 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
- Ancient Balcony color palette (#FFF3E8, #EEDCA6, #82AF89, #925C90, #4B3E00)
- Petrol Lagoon color palette (#FDF4E3, #FFCCE3, #CB9378, #2C7BA4, #513832)
- Worn Driftwood color palette (#FFF2EE, #E0DDCE, #BBC8A9, #9C7C92, #5F464A)
- Antique Coast color palette (#FEF3EC, #F9BBA3, #53AC9A, #785C96, #412F53)
- Ancient Ridge color palette (#E8FBEB, #D99571, #7D7A3B, #475A7A, #3E4C3C)
- Washed Mustard Study color palette (#ECF9F0, #EECA95, #BFAF59, #589B85, #3A4D3E)
- Powdered Aubergine Dune color palette (#FFF3E8, #CEB46E, #469154, #6D367D, #222400)
- Hushed Lantern color palette (#FAF4F0, #C7DCE7, #E0BFE1, #45A2A5, #5C4555)
Browse the whole catalog at Explore, or see today's palette.