Hushed Petrol Harbor color palette — #DFF3F0 · #6FC5D8 · #00738D · #003D40 · #000305
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#DFF3F0): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#6FC5D8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000305): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Hushed 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
- Weathered Study color palette (#E7FAF8, #96D6F6, #0083BE, #004F5F, #000D1D)
- Wandering Basin color palette (#CDE5E4, #72A8D7, #0053A2, #00293A, #000009)
- Denim Orchard color palette (#F0E1D9, #4597A8, #005071, #002D24, #000411)
- Washed Cobalt Parlor color palette (#E7DDE4, #80BBC8, #008EC4, #006F5D, #001330)
- Azure Archive color palette (#E2FBF9, #CDDDF2, #00A7E1, #00707F, #00273F)
- Turquoise Studio color palette (#E9F9F6, #C8DAF5, #00C5D5, #00897C, #003C47)
- Cocoa Grove color palette (#EBDAE3, #BA713B, #7E3400, #400D00, #020100)
- Raspberry Balcony color palette (#ECDFE7, #C839A6, #895D00, #6A0055, #020100)
Browse the whole catalog at Explore, or see today's palette.