Petrol Terrace color palette — #F8EAF1 · #7BBBD7 · #006BB5 · #00504D · #202A53

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

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Sky (#7BBBD7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#006BB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#202A53): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Wandering Study color palette (#F6EBF2, #7EBFBD, #007589, #005331, #00324B)
• Patina Petrol color palette (#E8EAE0, #7CBEDB, #0074A3, #004956, #00172A)
• Washed Ultramarine color palette (#E8F0E7, #77A3CE, #3244C1, #003D46, #211542)
• Worn Cerulean Atelier color palette (#E4F2F1, #7AD1F7, #2490C6, #00697B, #03304F)
• Muted Hollow color palette (#FDF1F9, #9ADCDC, #008EA8, #006A42, #074565)
• Linen Periwinkle Ridge color palette (#F4EEE4, #A8DCF3, #4AADF1, #009098, #0B2D59)
• Washed Balcony color palette (#F1E2ED, #569BA8, #00506F, #003127, #00132E)
• Aged Ash color palette (#FAF3F6, #D8DEEF, #7B9CC5, #367B7C, #4A5265)

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