Petrol Basin color palette — #F2F3E2 · #7DCBCD · #00818D · #00524B · #001E25
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Cream (#F2F3E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Aqua (#7DCBCD): A luminous, dusty teal — the color of sea glass.
- Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00524B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001E25): 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
- Washed Aqua color palette (#FFF0FB, #5FCBCF, #007A95, #00593B, #003656)
- Faded Corridor color palette (#EFF5E3, #90C2E7, #0075C5, #004E66, #00183D)
- Aged Cerulean color palette (#E6FAF6, #7EDDE1, #009EAF, #00736A, #003A45)
- Denim Thicket color palette (#EAEBE0, #64A9B1, #006373, #003937, #000D13)
- Abyss Balcony color palette (#E5E7DD, #59836D, #004258, #001F23, #000103)
- Chalky Pier color palette (#DBE8FB, #0069E8, #A000AD, #005F5D, #000C28)
- Frosted Navy Studio color palette (#DDF0FF, #0089E7, #005CB9, #0023A1, #0D0056)
- Gentle Ultramarine color palette (#EDF1FF, #D1CCFF, #B68CE8, #105ADF, #171245)
Browse the whole catalog at Explore, or see today's palette.