Petrol Terrace color palette — #E6FAF8 · #82C1DF · #0076AA · #005363 · #00355A
Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E6FAF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#82C1DF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0076AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005363): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#00355A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Hazy Cobalt color palette (#FFEBF6, #7CC7E8, #0074C8, #005250, #0C0B4E)
- Cerulean Orchard color palette (#EAF9F6, #A3D8EA, #008FA1, #006761, #004857)
- Hushed Meadow color palette (#DEF5F4, #67A7CD, #005C90, #003C4B, #001F40)
- Timeworn Sky Lantern color palette (#F3F8E6, #A8E3FF, #2CB7FC, #0094AC, #003659)
- Soft Boulevard color palette (#FFF2EA, #86D7FC, #068EF5, #007270, #20296F)
- Wandering Turquoise color palette (#E3FAFF, #76ECF2, #11B7DA, #00745E, #004341)
- Tempered Petrol Coast color palette (#EEF7F7, #D7DBEC, #7D9DBC, #41778C, #41546B)
- Teal Archive color palette (#BCFFF4, #00B2A5, #006C65, #003A35, #00221E)
Browse the whole catalog at Explore, or see today's palette.