Petrol Terrace color palette — #F7E9F2 · #35C9EF · #006AB2 · #003F31 · #020013

Royal Blue takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F7E9F2): bright and airy, almost weightless.
• Cyan (#35C9EF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006AB2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003F31): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ancient Cabin color palette (#F8E8FA, #50CCCA, #00728E, #00420F, #000309)
• Worn Delta color palette (#FFF1F6, #92D5FF, #4E74D4, #00524E, #100328)
• Weathered Delta color palette (#D2E9FF, #00A0E7, #005C81, #001522, #000103)
• Muted Archive color palette (#C6E6F9, #008CAB, #A34900, #004354, #030100)
• Wandering Denim Corridor color palette (#E3F2F0, #5A94A5, #00516B, #002B30, #00050A)
• Tempered Villa color palette (#DEE2D0, #79BBD1, #008FBC, #006B76, #001624)
• Wisteria Hollow color palette (#E1FBFF, #A4C4FF, #D584E1, #006644, #00050C)
• Chestnut Veranda color palette (#CCF1FF, #00728E, #804800, #623600, #000102)

Browse the whole catalog at Explore, or see today's palette.