Petrol Terrace color palette — #F8ECE2 · #8DBDAD · #4B63AB · #00504E · #32254E
A conversation between Slate and Deep Indigo, giving this palette its sense of creativity and calm.
The five colors
- Cream (#F8ECE2): bright and airy, almost weightless.
- Mint Leaf (#8DBDAD): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#4B63AB): A full-bodied, balanced violet — the color of wild irises.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#32254E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Forest Alley color palette (#F7ECE8, #79BFC1, #007394, #005424, #122E51)
- Petrol Study color palette (#E2ECE3, #98B7D3, #3B6CAC, #004957, #0A0F3A)
- Timeworn Cobalt color palette (#F5EDE2, #A1D0C0, #4C87D5, #00697C, #1E2959)
- Wandering Ash Lagoon color palette (#D3F5E9, #B2BAF9, #C181A7, #006567, #272D50)
- Antique Navy Lagoon color palette (#CDEEE8, #009EB1, #006190, #003884, #2F215D)
- Antique Atelier color palette (#DAE6F4, #006CC0, #815300, #4F4900, #01203E)
- Antique Navy color palette (#EADDD5, #419CBA, #004A88, #003127, #110044)
- Weathered Ridge color palette (#FCF3EF, #C7E5D1, #5A90B8, #267156, #593D53)
Browse the whole catalog at Explore, or see today's palette.