Petrol Terrace color palette — #F7EDDC · #78C2E1 · #006EA5 · #003D41 · #00020B

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

The five colors

• Cream (#F7EDDC): A whisper-light, dusty gold — the color of old brass.
• Sky (#78C2E1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006EA5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D41): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00020B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Dusty Denim Dune color palette (#F4EDE3, #6CAFB2, #005F6F, #002C23, #000103)
• Cornflower Lagoon color palette (#FBF4E9, #9ED2FC, #3177DC, #004F5F, #05042F)
• Lilac Delta color palette (#D9FFF0, #AFD0FF, #A084FF, #005C6C, #000513)
• Mulberry Market color palette (#D3EAF9, #006F9F, #A1005A, #404800, #000103)
• Denim Loft color palette (#EBD9E2, #4095B4, #004C7F, #002C29, #01001E)
• Frosted Quarry color palette (#C5E4FF, #039AEC, #005787, #001A32, #000103)
• Chestnut Lagoon color palette (#E1F5EC, #008AB6, #A04C00, #004259, #030100)
• Faded Cornflower Cabin color palette (#F8E3D5, #6ABCDB, #0482EE, #006F5E, #100938)

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