Petrol Terrace color palette — #B3FBE7 · #6AC7C1 · #008291 · #00536C · #002742
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#B3FBE7): A whisper-light, dusty teal — the color of shallow lagoons.
- Aqua (#6AC7C1): A luminous, balanced teal — the color of glacier melt.
- Teal (#008291): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00536C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002742): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Wandering Lagoon color palette (#E0F6FF, #93CEE3, #5289AF, #395481, #212058)
- Wandering Cerulean color palette (#BDFDE9, #78CFCA, #00A4B5, #006B8F, #004270)
- Faded Lagoon color palette (#DAF1B9, #88BB85, #3C8E6D, #00554D, #002C2D)
- Patina Thicket color palette (#E6F7E9, #57ADA4, #2B748F, #6D2D48, #032731)
- Tempered Navy color palette (#E5FFCF, #7DB79D, #008692, #005281, #20318A)
- Gentle Chapel color palette (#CAEFED, #00A3B9, #006388, #003465, #030042)
- Aged Study color palette (#EBF4F5, #D2D7DD, #B5BCCA, #487F87, #232E30)
- Aqua Terrace color palette (#DFF7FF, #A1F5CF, #27CCD2, #559BCB, #002937)
Browse the whole catalog at Explore, or see today's palette.