Petrol Terrace color palette — #F5EBF3 · #79BFC7 · #00719C · #005330 · #182C53

Peacock and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5EBF3): bright and airy, almost weightless.
• Mint Leaf (#79BFC7): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005330): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#182C53): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, 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

• Antique Cobalt color palette (#FCF1F9, #99CFDF, #3A7DB6, #00624C, #2D3A56)
• Antique Petrol Dune color palette (#F1E8D9, #64C4D0, #007792, #004C43, #001827)
• Feathered Ultramarine color palette (#F9EAF0, #8AB8D6, #335CD1, #00504C, #30254E)
• Spruce Orchard color palette (#F2E7F3, #549E99, #005264, #043304, #001529)
• Dusty Turquoise color palette (#F6ECE8, #B8DFC0, #2FB3E2, #009472, #002F55)
• Azure Villa color palette (#F9F3F7, #D4E1F3, #68A0C7, #4A7A64, #475366)
• Amber Study color palette (#EFEAFF, #F0AABC, #D59046, #4F5AA1, #3D324A)
• Powdered Bloom color palette (#EDEDFF, #8E3EBB, #006E5F, #005161, #1E1A39)

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