Petrol Terrace color palette — #DFF0F9 · #0079A1 · #003D56 · #00141F · #000306

Cerulean and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFF0F9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0079A1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003D56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00141F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000306): 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

• Cypress Basin color palette (#D6EBE7, #008172, #00433D, #001714, #000403)
• Cerulean Drift color palette (#DFF3FF, #0096C9, #006083, #002A39, #000204)
• Cobalt Pier color palette (#D2E6F4, #73AEDE, #4470C5, #00414E, #001F30)
• Navy Veranda color palette (#DCE7FF, #3963C1, #001B86, #000031, #00000F)
• Lapis Lagoon color palette (#D9E0F4, #6351C7, #54005D, #28006E, #050006)
• Antique Bronze color palette (#FFEDD3, #836200, #4D3200, #2B1700, #0F0B00)
• Weathered Nightshade Basin color palette (#F6F3FF, #A691D7, #644C9F, #40246F, #261546)
• Nightshade Lagoon color palette (#D9E3FA, #3400BF, #660035, #002221, #03001D)

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