Petrol Terrace color palette — #E0F4FD · #007182 · #062642 · #000F16 · #000303
A conversation between Teal and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#E0F4FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007182): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#062642): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000F16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000303): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Smoked Ultramarine Terrace color palette (#E2ECF9, #235FC1, #291B45, #030C1D, #000205)
- Deep Delta color palette (#CEEDFF, #004B60, #1C181E, #000C2A, #000103)
- Cerulean Bloom color palette (#D4E3D8, #0090A5, #144A3F, #17261C, #0A0F09)
- Cobalt Garden color palette (#E6EEFC, #627ECD, #38394E, #191E28, #080D12)
- Gentle Chapel color palette (#E5F0FB, #007FD6, #9F5B00, #6F5800, #00152A)
- Airy Navy Parlor color palette (#C9E5E9, #00A3CA, #0070A5, #143685, #18173A)
- Aged Hollow color palette (#F9EFF2, #AFCBE5, #5C79BF, #005A64, #181E39)
- Olive Loft color palette (#EAF5EB, #A1A473, #467233, #14514A, #032218)
Browse the whole catalog at Explore, or see today's palette.