Petrol Basin color palette — #EADDE5 · #60AFC1 · #006E9D · #004B40 · #001233
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#EADDE5): a clean, paper-quiet neutral.
- Cyan (#60AFC1): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006E9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B40): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001233): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Faded Summit color palette (#F3E1E9, #78BBDE, #1F74D0, #00595A, #171943)
- Muted Petrol Chapel color palette (#F4EDE2, #75C4D8, #007197, #003E3C, #000308)
- Aged Cerulean color palette (#EBEEDE, #00A0BC, #005269, #002F33, #001622)
- Hazy Ultramarine Market color palette (#F5E7EB, #6797C5, #3240CB, #003A43, #0C0026)
- Cerulean Meadow color palette (#F6EBF3, #90D1DD, #0092C5, #006E5A, #112E51)
- Turquoise Balcony color palette (#FDF1F9, #93ECF1, #00ACD3, #00865E, #094468)
- Patina Periwinkle color palette (#FCF2F5, #D8DDF9, #88A4DF, #258995, #3F4661)
- Tempered Teal color palette (#DFF1E7, #9ABF7E, #00AB91, #834A00, #0F1800)
Browse the whole catalog at Explore, or see today's palette.