Tempered Petrol Harbor color palette — #E9EBDD · #76C1CF · #007791 · #004B4D · #001923
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E9EBDD): bright and airy, almost weightless.
- Cyan (#76C1CF): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007791): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001923): 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 Tempered 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
- Powdered Cobalt Loft color palette (#E7EBDF, #8EBFB0, #006CC2, #004760, #011337)
- Muted Archive color palette (#F8E9F4, #5DC2D4, #00719A, #005142, #0F2E52)
- Ancient Denim color palette (#EAEEE0, #70A4C2, #005D90, #003745, #000B1C)
- Wandering Cerulean color palette (#E2F3F0, #80D3E3, #0095B4, #006B6E, #003344)
- Hushed Parlor color palette (#E4E7DC, #3282A3, #00405E, #001E25, #000104)
- Feathered Mulberry color palette (#EFDCDE, #AF5BA6, #0074A0, #770070, #001420)
- Timeworn Coral color palette (#FFE6E4, #F7B1C1, #E77B79, #7B3B68, #321211)
- Patina Orchard color palette (#EBDAD8, #BD166E, #894D00, #512BA5, #1D0101)
Browse the whole catalog at Explore, or see today's palette.