Petrol Basin color palette — #FCEAE1 · #7CC5C8 · #00738C · #00402A · #000307
Teal takes the lead with Mint Leaf close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#FCEAE1): A whisper-light, dusty orange — the color of autumn markets.
- Mint Leaf (#7CC5C8): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00738C): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00402A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Wandering Ultramarine color palette (#FAEBDF, #93BDDA, #3363BB, #003D42, #020012)
- Aged Cobalt color palette (#FEF2ED, #97D8E8, #0083BB, #005347, #000A26)
- Hushed Grove color palette (#D6ECE8, #68C1C3, #0094A1, #006E64, #00171D)
- Wandering Lagoon color palette (#DFE0CA, #009DA0, #00545B, #002C27, #000507)
- Misty Moss Meadow color palette (#EAE1C4, #838A00, #375E00, #003016, #000201)
- Antique Drift color palette (#F0F7D0, #7FEAD4, #00B1D7, #585200, #000402)
- Jade Orchard color palette (#A4F8C8, #27B676, #00612B, #001A07, #000200)
- Patina Azure Orchard color palette (#FFF2EC, #D4DEF8, #00A8DD, #00755D, #002549)
Browse the whole catalog at Explore, or see today's palette.