Petrol Terrace color palette — #F4F4FF · #E3CEEF · #B98C79 · #3A7982 · #22435E
A conversation between Teal and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Thistle (#E3CEEF): A whisper-light, dusty violet — the color of a velvet chair.
- Caramel (#B98C79): A luminous, dusty orange — the color of sun-warmed clay.
- Teal (#3A7982): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#22435E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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
- Ash Field color palette (#FBF1FF, #EECDDC, #79A58D, #576785, #2B3555)
- Antique Parlor color palette (#FBD8E1, #CA9F99, #A26C4E, #3B5F4B, #244C3D)
- Abyss Studio color palette (#FDE1F6, #CB99A1, #926A4C, #005068, #001A2D)
- Driftwood Terrace color palette (#F9F2FF, #EAD7D9, #B5CABB, #768BA2, #4C4C63)
- Driftwood Thicket color palette (#FFECE2, #D6BEAC, #C29F78, #708D5F, #2C523A)
- Softworn Cypress color palette (#FAF3F8, #D5D4E2, #67B0D5, #10816A, #0E2F53)
- Timeworn Aubergine color palette (#FFF1F6, #FBB7A3, #AF863E, #185E93, #3A145C)
- Pale Driftwood Atelier color palette (#FBD8E5, #C0796C, #6F5609, #003257, #040332)
Browse the whole catalog at Explore, or see today's palette.