Petrol Harbor color palette — #F0E8DB · #81BFC9 · #007794 · #004C44 · #001827

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

The five colors

• Parchment (#F0E8DB): bright and airy, almost weightless.
• Ash (#81BFC9): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001827): 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 Harbor 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

• Cobalt Courtyard color palette (#F6F1E9, #B2D0BE, #2486B3, #005B5B, #00213F)
• Softworn Petrol Ridge color palette (#F6EAF4, #82BDC6, #0070A0, #005335, #15295F)
• Patina Quarry color palette (#E4DED5, #70A4BE, #005C94, #00393E, #000823)
• Aged Ash color palette (#F5F1EA, #C4E6E2, #6FA5BE, #397772, #183E34)
• Timeworn Lagoon color palette (#F9EEDD, #319C98, #00535C, #002D1F, #000508)
• Fern Archive color palette (#E7F1D1, #88D4C8, #41B3C7, #426922, #001C12)
• Azure Ridge color palette (#FFF2EC, #ACF4FE, #349CD3, #006E47, #091A47)
• Tempered Parlor color palette (#E0E6CC, #61900B, #136B0E, #003B23, #001C14)

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