Petrol Terrace color palette — #EDF2FD · #A5B0E0 · #BE9360 · #616DA6 · #20381E
Built around Slate, softened by Camel — the whole palette hums with nature and growth.
The five colors
- Ivory (#EDF2FD): bright and airy, almost weightless.
- Mauve (#A5B0E0): A luminous, dusty violet — the color of wild irises.
- Camel (#BE9360): A luminous, balanced gold — the color of honey in a jar.
- Slate (#616DA6): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Forest (#20381E): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Petrol Parlor color palette (#E8F3FF, #8DB7E7, #BD926C, #4974A4, #452633)
- Antique Pewter color palette (#F2F0FE, #CBA3D4, #90A669, #8C5D97, #043A2F)
- Iris Atelier color palette (#FCF1FA, #AFC3F5, #C8AE73, #6C89D4, #514C46)
- Patina Studio color palette (#EBF2FF, #DDD5E1, #C2A89E, #6F8FA6, #333849)
- Muted Alley color palette (#EBF2FF, #8899D2, #A48A51, #817A47, #1E2738)
- Soft Indigo color palette (#F0F5FF, #9EAEDD, #CB7F8E, #536BC4, #5B4361)
- Ancient Driftwood color palette (#FBEEF4, #ACC2AC, #9C7588, #684E64, #1F3126)
- Tempered Stone color palette (#F0F1F9, #B3CDA2, #5A5F7E, #2B2F48, #12131D)
Browse the whole catalog at Explore, or see today's palette.