Petrol Coast color palette — #D5E3D8 · #6EADBB · #007094 · #004A47 · #001527
Peacock and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D5E3D8): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#6EADBB): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#007094): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004A47): 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
- Pale Cobalt Loft color palette (#DAE6DC, #8FB7D2, #0079C3, #005860, #041C48)
- Wandering Aqua color palette (#F8ECDA, #28CBE9, #007195, #003E3B, #000307)
- Faded Iris Terrace color palette (#C8E5F7, #86B6ED, #7B7FEC, #006B70, #002032)
- Soft Lantern color palette (#D8E3DA, #7896B2, #1A4FB7, #003948, #06002B)
- Dusty Garden color palette (#F1E7EE, #479DAF, #004E78, #003122, #070C3B)
- Timeworn Loft color palette (#CBE6F3, #0095D0, #005C7E, #002D43, #000409)
- Muted Coast color palette (#D7F1FF, #00859F, #A84100, #004E5E, #200700)
- Wandering Hollow color palette (#F1F7F2, #B4DBF0, #549FC8, #007C7C, #133C63)
Browse the whole catalog at Explore, or see today's palette.