Petrol Coast color palette — #EDE0E9 · #60B1B6 · #00718E · #004C35 · #001527
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Rose Water (#EDE0E9): a clean, paper-quiet neutral.
- Cyan (#60B1B6): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00718E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C35): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001527): 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 Coast 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 (#F8EAF1, #6CABC8, #0068B7, #004A49, #090A3B)
- Petrol Workshop color palette (#F7EDDD, #80C4C9, #007389, #003F34, #000306)
- Cerulean Bloom color palette (#E0E1D3, #1CA2AB, #00535F, #00302D, #00171E)
- Forest Ridge color palette (#FAECE6, #73BFC2, #0090BB, #007239, #001231)
- Peony Market color palette (#E8F0FF, #B5A1DD, #E162AC, #006185, #1B123D)
- Tempered Azure color palette (#F9F3F8, #B6DBEB, #28A2D1, #007F64, #213C59)
- Ultramarine Market color palette (#E5F0FF, #0064C2, #804E00, #2D5700, #000718)
- Aubergine Cabin color palette (#D3E6ED, #0085C8, #0056AF, #2C008D, #19003E)
Browse the whole catalog at Explore, or see today's palette.