Petrol Delta color palette — #F2DAD0 · #4EB2C2 · #006F97 · #004C3D · #00142D
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Shell Pink (#F2DAD0): A whisper-light, dusty orange — the color of sun-warmed clay.
- Cyan (#4EB2C2): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C3D): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00142D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Timeworn Ultramarine color palette (#F5E9DE, #5AABDB, #2963B9, #00494D, #10063D)
- Petrol Lagoon color palette (#E6F2E8, #77C5D1, #007290, #003E38, #000307)
- Onyx Cabin color palette (#FCE9E1, #599BA7, #004F75, #00321F, #030645)
- Cobalt Orchard color palette (#F1E7EF, #7DBCC7, #008CCB, #00704D, #040A3F)
- Cerulean Hollow color palette (#F7ECE7, #84D4DB, #0094BC, #006F52, #09304F)
- Lagoon Atelier color palette (#DEF5EA, #00A07B, #00694A, #00301F, #000201)
- Muted Delta color palette (#D0F1D9, #00D2C3, #009FDD, #4D5D00, #002015)
- Grape Terrace color palette (#E8EEDB, #269F66, #8B0097, #005330, #1F0022)
Browse the whole catalog at Explore, or see today's palette.