Petrol Delta color palette — #F1F3EB · #C2E4E3 · #78A895 · #2D7683 · #193E33
Teal and Eucalyptus set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F1F3EB): bright and airy, almost weightless.
- Silver (#C2E4E3): A whisper-light, dusty teal — the color of shallow lagoons.
- Eucalyptus (#78A895): A luminous, dusty teal — the color of glacier melt.
- Teal (#2D7683): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#193E33): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Delta 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
- Tempered Petrol color palette (#F1F3EB, #C1E5E7, #7AA1C1, #337489, #3F3041)
- Washed Petrol color palette (#EAEBDA, #80C0C2, #007984, #004C45, #001A20)
- Wandering Chapel color palette (#DDFAEF, #63A4CE, #9980B9, #428773, #122D25)
- Timeworn Ash color palette (#E4F7F0, #F2D4D0, #B2A293, #779B8A, #253C36)
- Cerulean Study color palette (#EFF7F6, #D5DDEC, #8EB7D3, #2696A6, #3B566B)
- Navy Harbor color palette (#E1E5D8, #4480A2, #003F66, #001E27, #000105)
- Softworn Cerulean color palette (#D8FBEF, #A5CEEF, #5B92B8, #1C5273, #00241C)
- Timeworn Boulevard color palette (#F7F1E6, #C9B999, #A07C3A, #774F05, #312C1C)
Browse the whole catalog at Explore, or see today's palette.