Tempered Petrol Harbor color palette — #E9FAEC · #7EC5D2 · #00799B · #005650 · #003655
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9FAEC): A whisper-light, dusty teal — the color of sea glass.
- Sky (#7EC5D2): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00799B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#003655): 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
- Ancient Sapphire Field color palette (#EEF8F0, #8BBFE2, #006CCD, #005462, #1C2B6D)
- Timeworn Delta color palette (#F9EEF6, #49CFE7, #0079B4, #00543A, #0A1342)
- Denim Corridor color palette (#DAE4DC, #6EA9B9, #005F82, #003E3C, #00213B)
- Washed Cerulean color palette (#F1F7F2, #C5E1F3, #5990BA, #007077, #324966)
- Soft Basin color palette (#FFF4E2, #83ECFF, #00BBEE, #00998E, #003655)
- Aged Azure Terrace color palette (#FFF2EC, #69DEF1, #0096D8, #007650, #172B6F)
- Tempered Navy color palette (#DBE3DC, #4D88A7, #003E6C, #002226, #000329)
- Ember Coast color palette (#FDD7F2, #E04922, #007D94, #8D2100, #00343F)
Browse the whole catalog at Explore, or see today's palette.