Petrol Basin color palette — #FAF4EC · #C4E2F7 · #87A7DD · #087B96 · #412239

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Powder Blue (#C4E2F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#87A7DD): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#087B96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#412239): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Petrol Basin 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

• Lagoon Studio color palette (#FBF4ED, #C7E8DF, #A0ACF1, #009FA6, #433156)
• Worn Turquoise color palette (#FBF4E9, #BDE7F4, #56B2DA, #00807A, #01372C)
• Weathered Cerulean color palette (#FFF0FE, #DDD2D9, #B3AA9B, #5A96BA, #492F42)
• Hazy Azure Coast color palette (#FFF4E2, #DAE6FB, #16A1F9, #00717A, #002057)
• Petrol Loft color palette (#F5EDE1, #7CC3D8, #00709B, #003E3D, #000308)
• Cobalt Meadow color palette (#E1FCF5, #8BC4FF, #E39340, #1E77C5, #3D2000)
• Hushed Azure Thicket color palette (#E5F9FF, #61CBFF, #259ADD, #3362A7, #1E2951)
• Worn Cobalt color palette (#EFF8F0, #A4CAEC, #4976C6, #005C72, #32375B)

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