Petrol Terrace color palette — #DCEFF9 · #007A9E · #004053 · #00121B · #000102

Cerulean takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DCEFF9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#007A9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004053): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00121B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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

• Cellar Cypress Thicket color palette (#D6E8E2, #00836D, #00443D, #001610, #000201)
• Azure Canyon color palette (#C4E9FF, #00A6D8, #00679D, #002E40, #000912)
• Washed Harbor color palette (#D1ECE3, #006EA7, #6B000B, #002D48, #030000)
• Smoked Sapphire color palette (#E2EFFF, #1C59E8, #003970, #000F25, #000105)
• Denim Lagoon color palette (#DAEBE6, #004772, #413500, #231C00, #000103)
• Azure Grove color palette (#D3EFF3, #159DF6, #9160AF, #004C25, #00070C)
• Rust Workshop color palette (#E1F6E8, #C52E00, #00744D, #030E0D, #010100)
• Pale Lilac Delta color palette (#ECEDFF, #A691F4, #7457B4, #342461, #0F022C)

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