Petrol Terrace color palette — #EFE7E2 · #93BFAC · #456AAB · #004C45 · #17093A
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#EFE7E2): a clean, paper-quiet neutral.
- Mint Leaf (#93BFAC): A luminous, dusty teal — the color of glacier melt.
- Slate (#456AAB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#17093A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Timeworn Cobalt color palette (#F9F0E9, #A9D2C5, #6877B9, #005B5D, #27163C)
- Hushed Forest color palette (#F5E5E1, #A0BC9D, #007790, #084F0B, #00172C)
- Chalky Sapphire color palette (#FFEEE3, #74C8EC, #016DDC, #005348, #1A0050)
- Petrol Ridge color palette (#F2EEE7, #8AB9D2, #006CB1, #004E57, #1C2D4E)
- Weathered Spruce Lantern color palette (#ECDFDB, #61ABAB, #00627C, #003D13, #000B1D)
- Washed Canyon color palette (#FAEFEB, #B9DABC, #008FBA, #006731, #002350)
- Washed Hollow color palette (#F0F7F1, #D3DEFC, #4A98DA, #006873, #02194D)
- Frosted Amethyst Hollow color palette (#F2EED9, #798924, #7251C0, #424C00, #170039)
Browse the whole catalog at Explore, or see today's palette.