Petrol Terrace color palette — #F9EBE4 · #68C5E2 · #146AAE · #003F32 · #020013

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

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Sky (#68C5E2): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#146AAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F32): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Spruce Study color palette (#F8EBE7, #6BC9C3, #00738B, #074106, #000308)
• Hushed Cobalt Field color palette (#FFF3E8, #9BD4F6, #4876D3, #00524C, #10012D)
• Aged Denim color palette (#F5E3EE, #3E9DB6, #004C80, #003125, #0C0C37)
• Dusty Cobalt Lantern color palette (#D7E7DA, #7CBBCE, #008EC3, #006D6C, #00152A)
• Antique Coral Thicket color palette (#E8E9FF, #EFABEC, #EA8086, #00587A, #05000D)
• Ancient Grape Atelier color palette (#E0D9FA, #772BE3, #615A00, #494500, #020007)
• Ultramarine Chapel color palette (#CDE2EC, #0089E6, #3937CF, #3B0064, #09000D)
• Wandering Cypress color palette (#FFF2EA, #C2E8F8, #7AAAE0, #00816D, #282853)

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