Petrol Terrace color palette — #F6EDDF · #8CB8D3 · #366BA1 · #004E59 · #1D2C52
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F6EDDF): A whisper-light, dusty gold — the color of honey in a jar.
- Ash (#8CB8D3): A luminous, dusty blue — the color of open sky before noon.
- Slate (#366BA1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
- Navy (#1D2C52): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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
- Petrol Bloom color palette (#F5EDE2, #80BEBD, #007683, #00523D, #003343)
- Linen Sapphire color palette (#EFE7E1, #8BBAD6, #3A66C0, #004C46, #19063C)
- Timeworn Denim color palette (#FBF4E9, #A8CEC4, #5E78A8, #005C73, #4E2E45)
- Denim Hollow color palette (#F9EDDB, #559AAF, #005071, #003030, #00142B)
- Periwinkle Atelier color palette (#E9F1EA, #A2DCFF, #53A9FF, #008EA1, #1A2B57)
- Periwinkle Basin color palette (#DBF9D4, #9FDBE9, #65ACE3, #216D4C, #1D3E26)
- Ash Coast color palette (#F9F4EE, #C9E7EA, #7F9BC3, #3D7888, #624A5C)
- Worn Cypress Lagoon color palette (#FAF4EC, #CDE3D2, #5494AC, #007268, #255144)
Browse the whole catalog at Explore, or see today's palette.