Petrol Archive color palette — #FDF4E5 · #FBD5AF · #A7A570 · #3F799C · #563900
A conversation between Slate and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
- Peach Cream (#FBD5AF): A whisper-light, dusty gold — the color of old brass.
- Sage (#A7A570): A luminous, dusty green — the color of fresh herbs.
- Slate (#3F799C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#563900): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Petrol Archive 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
- Patina Petrol color palette (#FDF4E5, #DBE3AE, #79B18C, #6D6BA1, #454100)
- Hushed Basin color palette (#FEF4E3, #FFCFCE, #C39877, #0B847D, #662C05)
- Stone Orchard color palette (#FEF3E7, #FFBFAB, #ADB56B, #8287B8, #663D00)
- Apricot Canyon color palette (#E7FBEB, #D49A5C, #7D7A3B, #335F79, #3D4C3F)
- Hushed Driftwood Terrace color palette (#FFF3E4, #DAE1C8, #BCBFA5, #9C839E, #5D4753)
- Muted Canyon color palette (#FFF4E2, #B4D99A, #40A68C, #734DA0, #31322C)
- Nightshade Meadow color palette (#FFF4E2, #B9BD74, #48905C, #464399, #1A2600)
- Timeworn Bronze color palette (#F7F5EE, #C0E1D4, #92BA99, #B3754D, #4C4900)
Browse the whole catalog at Explore, or see today's palette.