Petrol Terrace color palette — #F8EAF0 · #76BCDC · #3568AF · #005147 · #2B2751

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Blush (#F8EAF0): a clean, paper-quiet neutral.
• Sky (#76BCDC): A luminous, balanced blue — the color of deep harbor water.
• Slate (#3568AF): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2B2751): A deep, shadowed, dusty violet — the color of wild irises.

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

• Softworn Terrace color palette (#FFF1F5, #9ECBEB, #5D75B6, #00605D, #333757)
• Petrol Basin color palette (#E7EBDB, #87BCD7, #1972A4, #004958, #00172D)
• Spruce Canyon color palette (#ECE0EE, #5DAEAD, #006179, #004212, #00203F)
• Periwinkle Market color palette (#F6EDE6, #B7DDCC, #68A8F0, #009190, #202660)
• Cerulean Loft color palette (#FBF2FA, #AAE9EF, #4394BA, #3D6F4F, #354964)
• Pale Grape Corridor color palette (#BDEAD9, #899721, #643DB6, #464F00, #2C1E4D)
• Gentle Turquoise color palette (#CBFEE8, #A8DEAF, #3BADC0, #80532C, #003B35)
• Quiet Orchard color palette (#ECDADF, #4785BB, #2A2692, #002224, #100021)

Browse the whole catalog at Explore, or see today's palette.