Petrol Terrace color palette — #C6EBEE · #007E8D · #004F5D · #002936 · #000F17

Teal and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C6EBEE): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007E8D): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002936): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000F17): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Tempered Cypress color palette (#D7EFE8, #006D6F, #003E48, #001D2B, #06041A)
• Antique Quarry color palette (#DBE9F2, #0080B8, #005073, #001E2D, #000204)
• Worn Alley color palette (#D5EBDB, #008658, #00533C, #003329, #000E0B)
• Aubergine Alley color palette (#E1F3FF, #007496, #83298F, #003E52, #0F0012)
• Dusty Boulevard color palette (#CEE8FA, #979CCE, #5E7CCB, #00566D, #000B17)
• Azure Pier color palette (#C7EAF7, #00ADE9, #007FB9, #005182, #002952)
• Worn Aubergine color palette (#C5E8FA, #006082, #5D1CAB, #004933, #000204)
• Gentle Station color palette (#D1EAEF, #00CAF2, #0098C4, #006E96, #003F61)

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