Petrol Terrace color palette — #F0F6FA · #DAD7E4 · #B2B1C4 · #006C98 · #2D3D48

Built around Peacock, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#DAD7E4): bright and airy, almost weightless.
• Ash (#B2B1C4): A luminous, dusty violet — the color of wild irises.
• Peacock (#006C98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#2D3D48): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Station color palette (#ECF4F1, #E4D3D7, #CAAEBF, #336A90, #16241F)
• Ultramarine Dune color palette (#F1F5FF, #D2D1DF, #B39DC2, #4745BE, #2B3344)
• Driftwood Summit color palette (#F3F5FB, #DDD8DD, #B7A9A1, #807CA6, #4F525D)
• Washed Navy color palette (#E4ECF4, #B4B9C5, #8F8AA5, #004876, #12212E)
• Tempered Fern color palette (#C6EBFA, #7DA5B5, #61758F, #545D23, #115048)
• Washed Parlor color palette (#F4F4FC, #E2D5DD, #CFB1C9, #8E3DB9, #3E3E4E)
• Muted Fern Chapel color palette (#FCF2F8, #83A587, #626823, #554167, #233C27)
• Softworn Dune color palette (#E4E5F1, #9C97A2, #7B6A7B, #3B0067, #070719)

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