Petrol Terrace color palette — #FFF0F9 · #AAA9E3 · #A39A5C · #6D6BA4 · #504D46
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Mauve (#AAA9E3): A luminous, balanced violet — the color of a velvet chair.
- Moss (#A39A5C): A luminous, balanced green — the color of new leaves after rain.
- Slate (#6D6BA4): A full-bodied, balanced violet — the color of wild irises.
- Charcoal Brown (#504D46): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Indigo Workshop color palette (#FBEDF5, #ACAFDB, #A1A065, #6765BB, #33312A)
- Fern Station color palette (#FFF1F4, #C4A1D0, #7EA579, #866393, #4E5200)
- Ancient Cocoa color palette (#EBF9F3, #80B8DB, #BD8D6A, #337AA3, #713F02)
- Muted Thicket color palette (#F0F5FF, #B0C5EB, #AABA77, #6F85DF, #495228)
- Weathered Lagoon Summit color palette (#FFF0F7, #998EC9, #B47A57, #328770, #523A46)
- Ancient Cabin color palette (#FFF0F8, #E5D8D4, #ADAF9D, #A3879F, #5C4A51)
- Driftwood Atelier color palette (#FFF1F6, #C8BAE9, #887AB2, #5B4876, #4F2B3C)
- Softworn Mulberry Summit color palette (#FFF1F0, #D084A7, #209F88, #9B406F, #354928)
Browse the whole catalog at Explore, or see today's palette.