Petrol Basin color palette — #E2F7F3 · #89C7D0 · #007F95 · #005250 · #001E28
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E2F7F3): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#89C7D0): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007F95): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005250): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001E28): 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
- Patina Cobalt color palette (#E5F6F5, #90C2E5, #0076C2, #004E65, #00193B)
- Cerulean Study color palette (#F5F7E6, #86DAE7, #009DB8, #007272, #00394A)
- Dusty Denim Hollow color palette (#DFEFED, #6FA6B2, #006279, #00393B, #000D14)
- Washed Parlor color palette (#E2F0EF, #46819C, #00405F, #001E25, #000104)
- Lapis Study color palette (#DBE1FF, #584DFF, #AF0084, #005D6A, #090137)
- Ultramarine Hollow color palette (#E6F0FF, #4D80EE, #008665, #0027D2, #001C12)
- Gentle Ultramarine color palette (#EDF1FF, #D9CAFF, #CB7FEC, #3E4AD7, #221548)
- Voltage Ultramarine Balcony color palette (#D2E8FF, #2F85F8, #2239FA, #1E009D, #160057)
Browse the whole catalog at Explore, or see today's palette.