Petrol Terrace color palette — #F7ECE5 · #7DBCD3 · #006DAD · #00504B · #1D2B53
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F7ECE5): bright and airy, almost weightless.
- Sky (#7DBCD3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006DAD): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#1D2B53): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Worn Petrol Pier color palette (#D8EFEC, #79BEDA, #0074A0, #004A54, #001829)
- Muted Villa color palette (#FAEBE3, #9ABC9B, #00748C, #005335, #07314A)
- Airy Harbor color palette (#EDF0E4, #82D1EF, #0092C7, #006A78, #00314E)
- Worn Cobalt Courtyard color palette (#FAF4EF, #AACFC0, #3F78C5, #005F62, #4E2E45)
- Ultramarine Basin color palette (#EEE6DE, #6BA4D5, #2A48BD, #003D45, #1F1641)
- Forest Veranda color palette (#FEF3EC, #96DDDA, #008FA6, #006B3E, #0F4560)
- Timeworn Lilac Lagoon color palette (#DAF5E6, #A3C6FF, #B17EDD, #006C64, #0F364E)
- Azure Thicket color palette (#D2EAFF, #429DE5, #005A93, #002D4E, #001628)
Browse the whole catalog at Explore, or see today's palette.