Petrol Terrace color palette — #FFEDE5 · #CEB38C · #98985E · #247795 · #3F4F72
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEDE5): A whisper-light, dusty orange — the color of toasted spice.
- Sand (#CEB38C): A luminous, dusty gold — the color of honey in a jar.
- Moss (#98985E): A luminous, dusty green — the color of fresh herbs.
- Slate (#247795): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#3F4F72): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Terrace 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
- Taupe Chapel color palette (#FFF2EC, #F7D9AA, #A8AB6D, #498195, #314672)
- Navy Courtyard color palette (#F8E3D5, #BEA884, #7F8C60, #2D5E7E, #2B3764)
- Weathered Thicket color palette (#FFE1DC, #E6B289, #A28E4F, #447E89, #245346)
- Aged Sand Lagoon color palette (#FDD9B1, #C7B792, #959771, #46796C, #5C3D50)
- Muted Stone Loft color palette (#F6E4AC, #B0CA8E, #699F81, #62699B, #564165)
- Ancient Driftwood Canyon color palette (#FFF4DF, #C9C6A8, #99A382, #8E6E86, #614550)
- Taupe Cabin color palette (#EEDCBE, #98964F, #487B4A, #364D7C, #2C2547)
- Chalky Mustard color palette (#EFE0FF, #FDB39C, #B6AC52, #8C7FB5, #4F4370)
Browse the whole catalog at Explore, or see today's palette.