Petrol Terrace color palette — #E8F4FA · #CED8EE · #A7C3DA · #00788C · #1A272D
Teal takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E8F4FA): a clean, paper-quiet neutral.
- Powder Blue (#CED8EE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Sky (#A7C3DA): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#1A272D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Tempered Denim color palette (#E2EAEF, #BBCEDE, #95A6B7, #005E78, #071821)
- Antique Quarry color palette (#EFF8F1, #CDDDDD, #A5C4BC, #007887, #304637)
- Charred Petrol color palette (#D4E3EF, #0072A8, #0C2A4B, #001121, #000409)
- Wandering Driftwood color palette (#EFF1F9, #DBD5DF, #B5A9AE, #7881A4, #34363B)
- Antique Periwinkle color palette (#CAE5FF, #7CA1F3, #6D6DAE, #6C455B, #451925)
- Faded Cornflower color palette (#E5F4FF, #2CE4FC, #26C2F9, #3A85DD, #001F31)
- Nightshade Studio color palette (#E5F4FF, #008FBE, #5347B1, #5F1252, #001D1C)
- Tempered Navy color palette (#DADFE9, #949FBC, #727A9D, #1B297F, #010411)
Browse the whole catalog at Explore, or see today's palette.