Petrol Terrace color palette — #FFF2EC · #4FC9E5 · #0076A9 · #00574B · #0D3066
Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Cyan (#4FC9E5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0076A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00574B): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#0D3066): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Cobalt Lagoon color palette (#FEF2ED, #ACCFB6, #1083AF, #00624F, #233C59)
- Aqua Bloom color palette (#E2F7F4, #00D1F3, #007E9E, #005156, #001D2B)
- Quiet Station color palette (#FFF3E7, #73C0F9, #285FE9, #00545D, #302863)
- Glacier Chapel color palette (#F4F8E3, #5BDEFB, #009BC1, #007177, #00384E)
- Weathered Alley color palette (#F5E8DF, #70A8BA, #005D8E, #003F38, #061A4B)
- Sky Pier color palette (#E7FBEB, #98E8FC, #00BAF5, #009892, #003659)
- Antique Garden color palette (#FAF4EF, #BEE7D5, #508DD0, #12706F, #5A3D52)
- Antique Azure color palette (#DDFFE7, #5AEBEA, #00A7F3, #4B6700, #004438)
Browse the whole catalog at Explore, or see today's palette.